CSS-in-60, where you can watch the progress and evolution of a CSS project. This project has me converting an existing table-based E-Learning system/website into a CSS-driven masterpeice that is future-ready, portable and seperates style from content. The animated GIF that follows, monitors the progress of converting just the homepage. The animation compresses many days and hours into a short, sweet, 60 second clip.
Primary client goal: To convert their existing E-Learning system to CSS based design that will be easier for them to replicate and customize. This is realized through css design, allieviating the need to edit multiple templates and pages when any design changes are introduced. Click read more to view the animated GIF (412Kb).
Magazines are a continual source of inspiration for website design, yet many of the techniques used in magazine layouts are nary to be found on the web. http://www.mandarindesign.com has a nice compilation of css tricks, magazine style pullquotes and even CSS based opacity/transparency.
Another installment of CSS in 60. Where you can see a website based on xhtml and css being built from scratch in about 60 seconds or less. A screenshot was taken anytime css changes were made that significantly alters the layout. A days worth of work compressed for your viewing pleasure. This is just another… Read more »
A Flash based Flickr image browser. What a great implementation of the wonderful Flickr API and Flash’s ability to access dynamic content quickly and present it in a way only Flash can. Are you a designer? Find yourself forgetting certain css selectors? I love Jack Daniels has a great cheat sheet section and has recently added a CSS cheat sheet.