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 projects

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

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

Photograph of a presenter talking to a critic in front of design samples

How To Give A Design Critique… And How To Take One


Estimated reading time: 1 minute, 39 seconds

A critique is one of the most important activities a designer can experience. Contributing and responding to design feedback is a skill, as much as drawing a line or choosing colors. Constructive feedback can advance the quality of your work, and ultimately your career.

A critique works best if there is an honest mutual desire to improve the work: ideally, those in the audience gain just as much from the process as the presenter. To maximize productivity, a few ground rules should be agreed to:

Photograph of a transgender person, painted with glitter

Acceptance: Designing Sites For 21st Century Culture

design / sites

Estimated reading time: 2 minutes, 30 seconds

While the slow acceptance of racial, sexual and cultural differences is the continuing work of centuries, society is becoming more inclusive. The internet has played a large part in this, connecting and communicating perspectives across boundaries of gender and geography that previously have been hidden or unnoticed.

While there are significant recent developments – Facebook have just announced they will allow custom gender options in profiles, for example – there is still a long way to go, especially in web forms. For developers and designers, this comes down understanding two facts:

Illustration of WALL-E hanging from a wall

Pixar’s Rules of Storytelling Adapted For Web Designers

design / process

Estimated reading time: 2 minutes, 30 seconds

Six months ago Emma Coats – then a Pixar Story Artist, now an independent filmmaker – tweeted a series of thoughts that became known as “Pixar’s 22 Rules of Storytelling”. The codified rules were hugely popular, reproduced endlessly, and – as I realized today, after a slight change of perspective – perfectly applicable to web development. So, with a little editing, here is my adaption of Ms. Coats 22 Rules for web designers:

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.