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 people walking up a staircase with an integrated wheelchair access ramp

Web Development Reading List: Accessibility

reading lists

Estimated reading time: 1 minute, 24 seconds

is the intersection of design and empathy. Rather than building pages for people “just like us”, accessibility allows everyone to share in the wealth your site provides.

All too often accessibility tends to be treated as an afterthought: many developers are unaware of web accessibility standards; companies are unwilling to bill extra hours for integration, testing, and validation, and designers are often reluctant to adapt new techniques, or fearful of getting something wrong.

Photograph of a set of child alphabet blocks

Using Inline-Block In Web Development

css / the box model

Estimated reading time: 3 minutes, 45 seconds

Previously I’ve discussed what I called “the two kinds of element”: inline and block. That was an oversimplification for the purpose of instruction: in reality, HTML elements can have over a dozen different display values.  inline and block were the first and simplest values added to the CSS spec. display: table and its related values are almost as old, while and grid are the latest. Somewhere in the middle is inline-block.

Using inline-block can solve many common frustrations and limitations in web design, although not without introducing a few of its own.

Send a SMS Text From A Link


Estimated reading time: 1 minute, 45 seconds

While <a href> tags are most often used to link pages, most developers are aware that they can prompt an eMail by using the mailto: protocol*. Few developers are aware that it’s also possible to initiate a phone call from a web page using tel:, and almost no-one is aware that you can do the same thing with SMS messages.

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.