Posts Categorized: CSS

Last updated by at .

CSS in 60 #3 – A Long Haul

Posted by & filed under CSS.

CSS in 60CSS-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).

CSS in 60 - Take 3

CSS in 60 – Take 2

Posted by & filed under CSS, Design.

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 »

Help! Help! I’ve been sIFRized!

Posted by & filed under CSS, Flash.

Fonts have always been a major concern in webdesign, or rather, the lack of fonts. To remedy this, I have recently installed sIFR: Scalable Inman Flash Replacement for all headlines. sIFR replaces all H1′s, H2′s etc with a flash rendition of the text. Naturally you can select any font you have on your computer – giving designers complete typographic control over their headlines. Not to be used as a text replacedment for websites, so designers still don’t have 100% control over type – but its very nice and degrades well for non-Flash or Javascript enabled browsers.

Flash Flickr and a CSS cheat sheet

Posted by & filed under CSS, Flash.

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.