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.
The CSS 3 Flexible Box Model
# Linked to 24 April 2010, 09:20 in Tutorials by Kevin Holesh
CSS 3 introduces a brand new box model in addition of the traditional box model from CSS 1 and 2. The flexible box model determines the way boxes are distributed inside other boxes and the way they share the available space.
CSS3 Click Chart
# Linked to 23 April 2010, 01:00 in Tips by Sam Brown
A CSS3 Click Chart displaying descriptions, syntax, and live examples of 14 different CSS3 properties and techniques.
Creating a Realistic Looking Button with CSS3
# Linked to 18 April 2010, 12:17 in Tutorials by Levi Figueira
The whole idea is to use a combination of subtle effects to create a three dimensional object. Mike Rundle covers some of the ideas used here in his post about subtlety in interfaces. I’m hoping to expand a bit more on that. The idea is that:
- The button is set into the canvas.
- The texture of the button is different from the canvas and the surface is slightly raised.
- And the text of the button is pressed into it.
Pure CSS Icons
# Linked to 18 April 2010, 10:35 in Code by Sam Brown
Having marvelled at David Desandro’s Opera Logo made entirely in HTML and CSS, I wanted to try a similar experiment for myself. So with a large scoop of border-radius I set about trying to create various ‘common’ icons that could be used in your web apps.
Cross-Browser CSS Gradient
# Linked to 14 April 2010, 05:59 in Tutorials by Sam Brown
This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome.
0 to 255 - Color Variations
# Linked to 13 April 2010, 01:00 in Links by Sam Brown
Basically, it’s a simple tool that helps web designers find lighter and darker colors based on any color.
CSSDesk - Dynamic CSS Sandbox
# Linked to 12 April 2010, 05:24 in Links by Sam Brown
CSSDesk is a great little tool (still in alpha mode) by Josh Pyles which allows you to quickly test out some CSS and HTML. (via maxvoltar)
CSS3 Glow Tabs
# Linked to 8 April 2010, 03:00 in Articles by Sam Brown
Image-less CSS3 tabs with gradients, inner shadow, rounded corners, and CSS transitions, like those found on the jQuery conference website.
Building sites without using IDs or classes
# Linked to 7 April 2010, 07:00 in Tips by Sam Brown
The pros and cons of developing using advanced CSS selectors.