Skip to main content
CSS is fun and cool and I like it.

Poll Results: How do you back up your websites?

It’s nice to hear so many people have a backup plan! It’s probably a much rarer situation that your web host loses your data than it is that your own computer fails. But still… backups can save your ass in a major way.

Personally, I backup files and databases locally. Then my local machine is backed up by Time Machine. I’m thinking that is alright for now, but I’d like to beef it up at some point.

I admit a … Read article “Poll Results: How do you back up your websites?”


Links of Interest

Automatic Numbering with CSS Counters

The CSS 2.1 spec makes inserting counters into content possible. This has always been possible with ordered lists, but this counter system is much more robust allowing you to insert counters on any type of page element, set up incrementation rules, resetting rules, and more. The Opera Dev Blog has a nice article on how to do it. Works in current versions of all the major good browsers, and is slated to work in IE … Read article “Links of Interest”


Modal Login Pages

Wikipedia has a succinct opening sentence about modal windows:

In user interface design, a modal window is a child window which requires the user to interact with it before they can return to operating the parent application, thus preventing the workflow on the application main window.

These are common in desktop applications when a program needs an important decision made. They are becoming more and more popular in web applications thanks to the JavaScript “light box” (or one of … Read article “Modal Login Pages”


The Usability Problems of

Jakob Nielsen has written some damn smart things about usability, and his work has probably done great things for the web in general. You hate to beat up on a guy like that, but c’mon, it is beyond ridiculous to me to be a self-proclaimed god of usability and have a site as awful as his. I’m not the first one to say it, and I won’t be the last. (Great article on a group makeover from 2004) People have … Read article “The Usability Problems of”


Links of Interest

Browser Differences I Can Live With

For a beautiful web has a nice article on acceptable cross-browser differences. Essentially, progressive enhancement typography stuff and then things like border-radius. I completely agree. I guess that answers this question.


Feed IE6 With a Basic Stylesheet

A lot of times when you use conditional stylesheets, you create one for IE 6 that over-writes some exisiting rules from your main stylesheet to fix quirks, hide things, and do just general cleanup. … Read article “Links of Interest”


Styling Scrollable Areas

The scrollbars on browser windows are not styled by the website itself, or even generally by the browser. They come from the operating system itself.

The desire to customize the style of these scrollbars is strong. When you are starting out, it feels like something you should be able to do with CSS. Complicating the issue, if you search around for CSS to change/customize scrollbars, you’ll probably find it. The problem is that in IE 5.5, there was proprietary browser … Read article “Styling Scrollable Areas”


Lifestream Website with Sweetcron

I wrote a tutorial for NETTUTS that has been published:

Sweetcron is “The Automated Lifestream Blog Software”. It is still in public beta, but is already a very nice blog software package. The beauty of Sweetcron is that new posts are created automatically from your activity elsewhere on the web. New photos on Flickr? Tweets on Twitter? Thumbs up on StumbleUpon? Blog posts on Tumblr? Add them all to your Sweetcron-powered site and they will appear on your site in

Read article “Lifestream Website with Sweetcron”

Body Border 2: Fade In with Gradient

A while back I showed you how to create a Body Border with CSS. Basically, we used four fixed position DIV’s to ensure all edges of the screen got a border and that the border would sit on top of all other content.

Let’s take that same idea and expand on it.

  • Instead of a solid color, we’ll use an alpha-transparent black gradient.
  • Instead of it being always-on, we’ll have it fade in on a particular rollover.

View Demo Download Read article “Body Border 2: Fade In with Gradient”


Links of Interest

Test Your Color IQ

I would think designers would be better at this than most folks. You can test your color IQ by arranging blocks of color into hue order. There are 20 blocks per row and the hue change isn’t that dramatic, so it’s a bit tricky!


Contextual Form Highlighting with Pure CSS

The best kind of highlighting on forms is where not only the input field gets highlighted but also the corresponding label. We have the :focus … Read article “Links of Interest”