I'm Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with HTML, CSS and SVG. To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

my books

Pro CSS3 Animation, Apress, 2013

Using SVG with CSS3 and HTML5, O'Reilly, 2017

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

The New Defaults — 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.

css / flexbox

css / flexbox Dudley Storey

Updated 2014-09-03 comment

Estimated reading time: 3 minutes

One of the most powerful features of flexbox is its ability to re-order page content with just a single line of CSS, a feature that previously was only achievable with JavaScript. This makes the flexbox layout module incredibly useful for responsive design, which is much more than “making things smaller”: mobile-first design often includes such features as re-prioritization of content to create different reading orders.

It also means that designers have an enhanced ability to easily re-order the elements they’ve crafted for a page. Unfortunately, the vast majority of flexbox support documentation is technical, and aimed towards developers. This series aims to correct that.