Abstract. Web archive 2008

The first web tool for creating still / animated favicons from regular images.

see more…

Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when the circumstances require hacks to be used, it’s best to know what your options are and weigh the consequences appropriately. The purpose of this article is to describe some of the CSS hacks, also called CSS filters, with the least significant potential consequences.

1. Conditional comments
   1. Syntax
   2. Fixing stand-alone versions of Internet Explorer
   3. Conditional comments as a CSS hack
2. In-CSS hacks
   1. Easy selectors
   2. Minimized attribute selectors
   3. !important
   4. @import "non-ie.css" all;
   5. body[class|="page-body"]
3. Unrecommended hacks
   1. _property: value and -property: value
   2. *property: value
   3. body:empty
   4. a:link:visited, a:visited:link
   5. >body
   6. html*
   7. !ie
   8. !important!

see more…

Firefox is fantastic, but with the right add-ons you can make it bigger, better and faster and more flexible. Gary Marshall shares his list of the 50 esential Firefox extensions

In each episode of MTV’s Pimp My Ride, celebrity rapper Xzibit takes an ordinary car and turns it into a blinged-up monster. Well, we’re going to do the same, but instead of a celebrity rapper, we’ve got a slap-headed Scotsman. Instead of a car, we’ve got Firefox. And instead of lurid paint jobs, neon tubes and silly stereos, we’ve got some excellent extensions. It would make crap TV [believe us, you don’t want to hear Gary rap], but we’re sure you’ll agree, it’s considerably more useful.

see more…

The links in the “Property” column point to more useful information about each property.

• Background
• Border
• Classification
• Dimension
• Font

• Generated Content
• List and Marker
• Margin
• Outlines
• Padding

• Positioning
• Table
• Text
• Pseudo-classes
• Pseudo-elements

Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.

W3C: The number in the “W3C” column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

see more…

In Web 1.0, a small number of writers created Web pages for a large number of readers. As a result, people could get information by going directly to the source: Adobe.com for graphic design issues, Microsoft.com for Windows issues, and CNN.com for news. Over time, however, more and more people started writing content in addition to reading it. This had an interesting effect—suddenly there was too much information to keep up with! We did not have enough time for everyone who wanted our attention and visiting all sites with relevant content simply wasn’t possible. As personal publishing caught on and went mainstream, it became apparent that the Web 1.0 paradigm had to change.

Enter Web 2.0, a vision of the Web in which information is broken up into “microcontent” units that can be distributed over dozens of domains. The Web of documents has morphed into a Web of data. We are no longer just looking to the same old sources for information. Now we’re looking to a new set of tools to aggregate and remix microcontent in new and useful ways.

These tools, the interfaces of Web 2.0, will become the frontier of design innovation.

see more…