demosthenes.info

I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Learning Sass With CodePen, Part Four: Color

css / sass

Estimated reading time: 3 minutes

As a CSS pre-processor, Sass has two particular advantages for web developers, especially those who are still obligated to support IE8: it offers excellent color manipulation, while allowing us to use HSL in older browsers.

The initial, obvious advantage is that Sass allows you to state colors as variables:

Photograph of a man in red-tinted glasses and a shoulder-width moustache

Learning Sass with CodePen, Part Three: extend

css / sass

Estimated reading time: 4 minutes, 30 seconds

As sites become complex information systems, the technologies we use to build them must grow and adapt. One of the more recent approaches to CSS development is object-oriented CSS (OOCSS), a methodology that is helped immensely by the power of @extend in Sass. To understand one is to understand the purpose of the other, so we’ll start with a very brief explanation of the various development methodologies:

Photograph of a wave on a beach

CSS Units: Angles, Time and Frequency

css / the box model

Estimated reading time: 1 minute, 45 seconds

In addition to linear measurements, CSS can also be used to measure angles, as well as changes over time:

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.