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 Meetup Presentation: Interactive Imagemaps


Estimated reading time: 5 minutes, 39 seconds

The first section of my presentation at this month’s San Francisco SVG meetup; unfortunately, I hadn’t realised that the camera I was using had a 4GB file limit, which cut the filmed portion of “Six Impossible Things With SVG” to just this section on interactive, responsive SVG imagemaps.

Generate Page Watermarks with SVG

svg / backgrounds

Estimated reading time: 1 minute, 30 seconds

There are two kinds of watermarks regularly used in web development:

SVG Backgrounds: Escher Tiles

svg / backgrounds

Estimated reading time: 1 minute

As my obsession with continues, I’ve become very interested in recreating tiles based on the work of M.C. Escher. Coincidentally, I discovered that one of the audience members at my “SVG Impossible Things with SVG” presentation in San Francisco, Jessica Parsons, has been doing work along similar lines.

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.