Retro Animated Flip-Down Clock

Written on October 30th, 2009, by Cristian

0

Learn how to Create a Retro Animated Flip-Down Clock is a tutorial published by Nettus. They are showing how they create an animated flip down clock inspired by the 70’s. Using the Mootools framework, we are trying to replicate the flip action of the pads and make it as lifelike as possible. With it’s retro styling, it could be a really neat thing to add to your website.

The technique that they suggest is interesting and I see this tutorial applied on a maintenance page, something like “Back online in …. “. Pretty cool

Writing Maintainable CSS

Written on September 29th, 2008, by Cristian


Natalie Downe gave a talk at BarCamp London on CSS Systems as a wait to maintain your style.

IEPNGFix 2 – CSS background position & repeat

Written on July 18th, 2008, by Cristian

After joining the “Say-No-To-Ie-6-And-Upgrade-Your-Browser” campaign a new miracle has come …

The old IEPNGFix script fixes the support for alpha transparency in IE 5.5 / 6.0 is now update to a new version, that has the ability to use CSS1 compatible background position and repeat.

To make it work properly you have to set the background to repeat, and the PNG will stretch to fill the element, and if you set to ‘no-repeat’, the PNG will display once (untiled) pixel-for-pixel.

Download the script

Variables in CSS?

Written on July 1st, 2008, by Cristian

How long have you wanted to name colors and such in your CSS instead of having to use search and replace (which breaks if you share the same colors ?

Thanks to Daniel Glazman and David Hyatt we have a proposal .

@variables { CorporateLogoBGColor: #fe8d12; }

div.logoContainer { background-color: var(CorporateLogoBGColor ); }

I expect CSS Variables to receive a very positive feedback from community and browser vendors and get implemented in all browsers!

WebKit now has an experimental implementation of CSS variables : You can test this feature using a WebKit nightly.

CSS support in email clients guide

Written on June 16th, 2008, by Cristian

Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.

CampaignMonitor has put together this CSS support in email clients guide to save you the time and trouble of figuring it out for yourself. With 21 different sets of results, all the major email systems are covered, both desktop applications and webmail. It comes with the PDF and Excel version for download.

Read more

Advertise / Sponsors