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.

SVG Patterns of Japan

svg / backgrounds

Estimated reading time: 1 minute, 15 seconds

Just for fun (and, coincidentally, for the #retroTilesWeekend at CodePen) I’ve made two more , derived from traditional geometric Japanese motifs.

Better Diagrams with SVG and Blend Modes

css / blend modes

Estimated reading time: 1 minute, 45 seconds

An interesting use of is to enhance the appearance of diagrams and graphs. Take, for example, the classic Venn diagram illustrating the “Fast, Cheap, Good” rule:

Frontal image of a peacock

12 Palette Extractors and Resources for Site Color Inspiration

tools / color

Estimated reading time: 3 minutes

Sometimes the hue muse fails to strike; sometimes all you’re provided for the look and feel of a site is a web page the client likes, or a photograph, perhaps just a painting.

Moments like that make it difficult to come up with one of the defining characteristics of a site design: a strong, cohesive color theme. Using PhotoShop’s Eyedropper tool to extract image colors isn’t always helpful, as attempts to pick pixels are often stymied by artifacts and shading effects (although there are a few tricks that can help, discussed below). In such situations, a color extraction tool can open up many creative possibilities:

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.