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: responsive web design
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.
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.
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.
Responsive web design presentation at STC Summit
Download the slides for my presentation on CSS3, Media Queries, and Responsive Web Design for the STC Summit 2012, as well as get links to related resources on media query and responsive web design techniques, tools, and inspiration.
Media queries presentation at indieconf
Download the slides for my presentation on CSS3: Using Media Queries to Improve the Web Site Experience for indieconf, as well as get links to related resources on media query techniques, tools, and inspiration.
Essential considerations for crafting quality media queries
Learn what you need to know to set up media queries that maximize efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions.
There’s already a book on responsive web design. Want to win it?
I’m giving away two copies each of my two books. Use them together to learn all about how to make responsive web designs.
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.
70+ essential resources for creating liquid and elastic layouts
Check out these great online resources on creating liquid/fluid and elastic layouts, including sources for design inspiration, downloadable templates, frameworks, articles and tutorials.
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