CSS in 60 - Take 2
Thursday, May 26th, 2005
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 example of how CSS can be used to achieve a pixel-perfect rendition of what was mocked up in a graphics program. Click read more to view the animated GIF (412Kb).
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 example of how CSS can be used to achieve a pixel-perfect rendition of what was mocked up in a graphics program. Click read more to view the animated GIF (412Kb).
Read more (83 words, 2 images, estimated 20 s reading time)
Tags:
What is PNG? What browsers support the format? I thought IE didn’t have PNG support? Is it transparent or not? How can I make IE display PNG’s full transparency capabilities? These are all valid questions that arise when using the PNG format. For those that aren’t familiar with PNG (portable network graphics) it is a lossless compression that offers far greater quality and smaller filesize than the ever-so-common and proprietary GIF format. “Better quality and a smaller file! What more could I ask for?” you’re asking yourself. Well, PNG’s also allow designers real transparency. How well does your browser render them? Take a look at these images and compare the last 2 with the first, which is a GIF.
Yesterday’s WordPress IRC meetup covered many topics. One of particular note, is the progress of their 

Apparently this site’s flash banner consumes alot of cpu cycles and might turn some people off. I work hard on my Flash and do all I can to ensure viewers have a positive experience on this site. I cannot overcome bias against Flash, I can only present and package it in a way that will hopefully reach the most people. To this end I have added a control set to the header to control the animation. The icons in the top-right of the banner will now let you can stop play, skip and return to other animations. This both serves as a platform to display animations and allows users to stop the animation, should it become annoying. To free up more cpu I have set the wmode properties of the flash from Transparent to Opaque, as research shows transparency also increases the cpu usage. Other optimizations include trimming file sizes down another 12kb. All things considered I have managed to bring the cpu consumption down from ~24-28% to ~13-22% when a user stops the animation.
Fonts have always been a major concern in webdesign, or rather, the lack of fonts. To remedy this, I have recently installed