Submit a CSS related link →

Posh CSS

For the modern day web designer.


Interactive CSS3 Lighting Effects

# Linked to 12 December 2011, 17:07 in Other by Pat Dryburgh

An experiment by Tom Giannattasio in using CSS3 to create interactive lighting effects. Best viewed in Safari. (via Ben Bodien)

Read more at →

Pure CSS3 Spiderman Cartoon w/ jQuery and HTML5 – Look Ma, No Flash!

# Linked to 4 May 2010, 07:10 in Other by Sam Brown

See the actual animation → or read about how it was done.

Read more at →

The Safari 4 OS X interface recreated in HTML+CSS with no images

# Linked to 18 March 2010, 01:41 in Other by Sam Brown

A good browser should be able to reproduce itself. This is Safari 4 built entirely with HTML and CSS3. No images used. (Only works in Webkit Mac-based browsers, of course)

Read more at →

7 Essential Do’s & Don’ts of Website Navigation

# Linked to 17 March 2010, 04:00 in Other by Sam Brown

An intuitive, easy to understand navigation is a crucial step towards good website usability. You can have awesome content, but if your visitors don’t know how to reach it, your content will also be close to useless. Your main goal is to ensure your visitors will find what they’re looking for as quickly and as easily as possible.

Read more at →

Opera Logo with CSS

# Linked to 11 March 2010, 13:48 in Other by Sam Brown

The Opera logo, rendered only with CSS, no images. Compare it with the real deal.

Read more at →

Pure CSS Coke Can

# Linked to 27 January 2010, 03:00 in Other by Sam Brown

I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image).

Read more at →

A Dash of Rosemary on Your CSS

# Linked to 29 October 2009, 08:49 in Other by Sam Brown

Rosemary is an open-source modular cascading filter-based modification system for CSS files. Your CSS files are run through a series of filters that modify it one after another. These filters can be toggled on/off, rearranged, or all of them disabled completely to give you raw output. It provides a scalable CSS wrapper that you can continue to use no matter what version of CSS is supported (or unsupported).

Read more at →

A Crash-Course in Advanced CSS3 Effects

# Linked to 24 August 2009, 00:40 in Other by Sam Brown

Webkit is one of the few – if only – browser engines that really embraces advanced CSS3 effects. Unfortunately, this presents somewhat of a double-edged sword. We get to play with all of these amazing effects – such as CSS masks, reflections, transitions, animations, scaling, etc. – yet, we can’t truly implement them into our projects until more browsers provide support. With all of that said, it’s important to be on the cutting edge of what’s possible.

Read more at →

CSS Prism

# Linked to 27 July 2009, 08:36 in Other by Sam Brown

CSS Prism is a CSS color spectrum inspector. Input the path to any .css file, and it’ll output an easy to scan display of all hex colors from the file.

Read more at →

Snow Stack

# Linked to 13 July 2009, 00:53 in Other by Sam Brown

A new 3D CSS Visual Effects demo using pure HTML, WebKit’s 3D CSS Effects extensions and JavaScript.

Read more at → is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.