demosthenes.info

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. 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.

CSS Motion Design Basics: Easing

css / animation

Estimated reading time: 1 minute, 15 seconds

Some useful rules for applying CSS easing to motion design for UI elements and animations, courtesy of Rachel Smith:

Modern Masonry with Flexbox and JavaScript

css / galleries

Estimated reading time: 2 minutes, 30 seconds

For some time I have been attempting to recreate “masonry” effects in flexbox, where images are arranged like bricks in a wall. My previous attempt was moderately successful, but it ran ragged and lacked the dynamism I wanted.

Then, after working on the recent “Random Images With Flexbox and JavaScript” article, I had an epiphany: why not use JavaScript to read the image’s aspect ratios, and use that to determine the correct flex value for each element?

The solution – also available on CodePen – allows designers to load images of any dimension and aspect ratio into a container element, apply a class, and have a seamless image masonry effect generated automatically on the page using modern web standards, with no plugins or frameworks required.

Book Review: The Mobile Web Handbook

books / review

Estimated reading time: 2 minutes, 30 seconds

Summary: An in-depth, technical discussion of the mobile state-of-play for web developers, written by one of the most knowledgeable researchers in the field.

Price: $39.00 (print + eBook; buy it from Smashing Magazine)

Earlier this year Smashing Magazine published The Mobile Book, a compendium from some of the best minds in mobile development. This year, the publisher has followed up with a more in-depth volume from a single writer.

If you’ve ever heard Peter-Paul Koch speak about the mobile space, you’ve inevitably come away impressed by the encyclopedic, authoritative knowledge he has. In The Mobile Book he contributed an informative chapter on how the mobile production ecosystem works, from manufacturers to telecom providers to retailers. That content has been significantly expanded upon in The Mobile Web Handbook, and is accompanied by seven completely new chapters.

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.