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.

Close-up photograph of a metallic speaker cone

Superbass: Simplifying Web Development with the base element and root path

html / elements

Estimated reading time: 4 minutes

If you’ve coded a website, you’re aware that there are two standard ways of referencing resources on an HTML page:

Stunted dead black trees photographed against red dunes and a blue sky

Sossusvlei salt pan, Namib Desert

One of the harshest and most unforgiving environments on Earth, the Sossusvlei is in the southern part of the Namib Desert, in the African nation of Namibia. Surrounded by high red dunes, the Sossusvlei literally translates as "dead-end marsh", i.e., a drainage area with no outflows. These geographical conditions have created a surreal landscape, making it a popular destination for both tourists and film units: key scenes of The Cell and The Fall were shot here.

Clear chunks of ice backlit by a setting sun on a black sand beach

Breiðamerkursandur, Iceland

Breiðamerkursandur is a black sand beach on the southwest coast of Iceland, adjoining an outwash plain near the glacial lagoon of Jökulsárlón. Every spring and summer ice calving from the tongue of the glacier falls into the Atlantic and is swept out to sea before being returned to the beach, smoothed into sculptured shapes by the waves. Jökulsárlón has been the setting for four Hollywood movies, including A View to a Kill, Die Another Day, Lara Croft: Tomb Raider and Batman Begins.

A Progressively Enhanced Lightbox with srcset and CSS Animation

css / galleries

Estimated reading time: 3 minutes

An earlier article on this site demonstrated how to use the HTML5 <dialog> element to create easy “lightbox” UI. A few of my web development students are trying to take the pattern further by placing large sections of content in the <dialog>, but are experiencing a few problems in doing so. I thought I’d use the opportunity to update the script, and show how it can be used in a way to progressively enhance page content.

Photograph of a spread quilt on a wooden Arts and Crafts style bed

I Have The Best Students, Part Four


Estimated reading time: 1 minute

Over the last few days I’ve been reminded just how wonderful some of my web design students in the NMPD program are:

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.