Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Weekend Links – CSS Fonts, YAML CSS Framework, CompressorRater, PHP Image Cloud, Who’s Online

By David Walsh on September 1, 2007

Back to school links!

CSS @ Ten: The Next Big Thing

What? There's more than just Verdana? Håkon Wium Lie discusses the use of TrueType fonts in CSS.
http://alistapart.com/articles/cssatten

YAML The CSS Framework

YAML is a CSS framework to help programmers and designers to create multicolumn layouts. I prefer to create my own, but this can help.
http://www.yaml.de/en/

CompressorRater - Rate JavaScript Compression Utilities

Compressor Rater takes server JavaScript compression utilities including JSMin, Packer, Dojo Shrinksafe, and the YUI Compressors. Awesome utility, check it out.
http://compressorrater.thruhere.net/

PHP Image Cloud Using jQuery

A really cool image cloud utility using jQuery. Not very useful, but sure is cool!
http://phpimagecloud.sourceforge.net/examples/jquery/

The Fastest Way To See How Many People Are Online

A clever way to find out how many persons are on your website by calculating the number of sessions in the specified sessions folder. Uses PHP, check it out!
http://www.webdigity.com/index.php?action=tutorial;code=57

Recent Features

By David WalshFebruary 18, 2013
Create a Sheen Logo Effect with CSS
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
By David WalshSeptember 3, 2014
Create a CSS Flipping Animation
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

Incredible Demos

By David WalshJuly 28, 2011
Animating CSS3 Transforms with MooTools Fx
I recently posted an awesome (if I may say so myself) CSS3 / MooTools tutorials called Create a Photo Stack Effect with Pure CSS Animations or MooTools. The post presented two ways, a pure CSS method or MooTools-powered class, to duplicate Google+'s elegant photo stack...
By David WalshJune 18, 2015
Add Styles to Console Statements
I was recently checking out Google Plus because they implement some awesome effects. I opened the console and same the following message: WARNING! Using this console may allow attackers to impersonate you and steal your information using an attack called Self-XSS. Do not enter or paste code that you...

Weekend Links – CSS Fonts, YAML CSS Framework, CompressorRater, PHP Image Cloud, Who’s Online

CSS @ Ten: The Next Big Thing

YAML The CSS Framework

CompressorRater - Rate JavaScript Compression Utilities

PHP Image Cloud Using jQuery

The Fastest Way To See How Many People Are Online

Recent Features

Create a Sheen Logo Effect with CSS

Create a CSS Flipping Animation

Incredible Demos

Animating CSS3 Transforms with MooTools Fx

Add Styles to Console Statements

Discussion