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 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 book coverPro CSS3 Animation, Apress, 2013

my other blogs

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

my projects

The New DefaultsThe New Defaults — A Sass color keyword system for designers.

CSSslidyCSSslidy — an auto-generated #RWD image slider. 3.8K of JS, no JQuery.

css / flexbox

css / flexbox Dudley Storey Updated 2014-09-03

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.

read more…
Tools
HTML
CSS Introduction Color Selectors Typography The Box Model Images Galleries Filters Backgrounds Lists Navigation Positioning Layouts Flexbox Shadows Blend Modes Gradients Animation 3d Print Resets
PHP
JavaScript
MySQL
SVG
Accessibility
Design
Servers
Mobile
SEO
Students
Books
Reading Lists

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.