The Safari 4 OS X interface recreated in HTML+CSS with no images
# Linked to 18 March 2010, 08: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)
7 Essential Do’s & Don’ts of Website Navigation
# Linked to 17 March 2010, 11: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.
Opera Logo with CSS
# Linked to 11 March 2010, 21:48 in Other by Sam Brown
The Opera logo, rendered only with CSS, no images. Compare it with the real deal.
Pure CSS Coke Can
# Linked to 27 January 2010, 11: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).
A Dash of Rosemary on Your CSS
# Linked to 29 October 2009, 15: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).
A Crash-Course in Advanced CSS3 Effects
# Linked to 24 August 2009, 08: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.
CSS Prism
# Linked to 27 July 2009, 16: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.
Snow Stack
# Linked to 13 July 2009, 08:53 in Other by Sam Brown
A new 3D CSS Visual Effects demo using pure HTML, WebKit’s 3D CSS Effects extensions and JavaScript.
XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 5
# Linked to 3 July 2009, 11:45 in Other by Sam Brown
Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C’s position regarding the future of HTML.
Introducing LESS: a Better CSS
# Linked to 17 June 2009, 10:30 in Other by Sam Brown
I don’t know about you but I’m not really satisfied with the level of control CSS gives me today. The feature set is just too restraining, and while I know how to use it to create anything I want, there is always plenty of code which I wish I didn’t need to duplicate, or I wish I could have written more elegantly.