Cover Image

Browser Makers: Where’s the New Tab + Homepage Option?

Ever since tabbed browsing hit the mainstream I've been hooked. It's rare to see less than a handful of tabs open in my web browser at any time. Whether I'm developing, checking email, or just surfing around, I can never seem to have enough tabs! But there's one thing about this incredible feature that has really bugged me since Day One — one that seems to have gone completely unnoticed by all of the browser makers to-date.

Cover Image

Web Standards Are Just “Minor Details”

A friend of mine recently graduated and spread his wings by venturing into the corporate world. He obtained a position as a junior project manager for a web consulting firm in Atlanta. Their work is very professional and their designs are great, but it was immediately evident that they had no understanding of web standards whatsoever. I asked my friend about his company's stance on the matter.

Cover Image

Creating a Printable Website Using Print Stylesheets

I frequently see little printer icons all over the web that clearly mean I can print out a clean version of the webpage that I'm looking at. These little icons are indeed a beautiful sight from the user's perspective. No more having to modify printer settings or copy and paste certain content areas into a word processing program just to get it on paper. In fact, I used to be quite the fan of printable versions on the web until I realized what a pain it can be to develop them.

Cover Image

Basic Text Styling With CSS

By default, browsers produce ugly text. I don't care what you say, it's true. There's nothing pretty about a black, 12pt, serif font on a white background. Users expect text on a webpage to match the sites theme and to look clean and professional. Text that is styled well should be easy to read and, more importantly, easy to scan through. This applies to all text, especially in structural elements such as headers.

Cover Image

CSS Drop Caps

Traditionally found in printed media, drop caps are created by emphasizing the size, color, weight, or style of the first letter in the first sentence of a paragraph. We can easily reproduce this effect on webpages by using the CSS:first-letterpseudo element.

Cover Image

What Are Favicons?

A favicon (pronounced "fave-icon") is a small, iconic image that represents your website. Favicons are most often found in the address bar of your web browser, but they can also be used in lists of bookmarks in web browsers and feed aggregators.

Cover Image

An Event Apart, Boston

The plane took off from Orlando as I sat half asleep in my seat. With my laptop at my feet, I wondered what kind of intriguing things I would learn at the web conference I had signed up for. I anticipated this day for months now and it was finally here. I was on my way to An Event Apart, Boston. Wow!