Download the slides and view the demos for my presentation on practical flexbox progressive enhancement for RWD, “Enhancing Responsiveness with Flexbox” for the RWD Summit, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.
Posts Tagged: layout
Full-width pinned layouts with flexbox
Learn how to use flexbox to pin two things to opposite ends of the viewport with a heading centered in between. Using media queries and flexbox’s re-ordering capabilities, we can make this layout pattern even more responsive.
Leveling Up With Flexbox presentation at Smashing Conference
Download the slides and view the demos for my presentation on practical flexbox progressive enhancement, “Leveling Up With Flexbox” for Smashing Conference in Oxford, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.
Putting Flexbox into Practice presentation at Blend Conference
Download the slides and view the demo page for my presentation on Putting Flexbox into Practice for Blend Conference 2013, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.
Flexbox syntax for IE 10
It’s tough to keep track of which version of the Flexbox spec uses which property and value names, so here’s a comparison of the current syntax with the 2011 syntax that IE 10 supports, as well as a basic definition of what each Flexbox property does.
CSS3 Layout presentation at In Control Orlando
Download the slides for my presentation on CSS3 Layout for the In Control 2013 Orlando conference, as well as get links to related resources on flexible box layout, grid layout, and other new CSS3 layout-related modules that can be used as alternatives to float layout.
Building Responsive Layouts presentation at CSS Dev Conf
Download the slides for my presentation on Building Responsive Layouts for the CSS Dev Conference, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
The Future of CSS Layout presentation at Future of Web Design conference
Download the slides for my presentation on The Future of CSS Layout for the Future of Web Design NYC 2012 conference, as well as get links to related resources on flexible box layout, new CSS3 layout-related modules, and other float-alternative layout techniques.
Building Responsive Layouts presentation at Responsive Web Design Summit
Download the slides for my presentation on Building Responsive Layouts for the Responsive Web Design Summit 2012, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
Examples of flexible layouts with CSS3 media queries
Media queries let you to feed different CSS to users based on their viewport size (among other things), allowing you to create even more flexible layouts than ever before. See visual examples of real sites that use CSS3 media queries to make the layout more adaptable to the variety of screen sizes and devices in use today.
View more posts:
My Books
Blog
Speaking
Upcoming Conferences
-
No Events
Past Conferences
I've previously spoken at conferences that include SXSW, Web Directions, and Smashing Conference.
View past speaking events