Posts Tagged: CSS

Using Modernizr with Flexbox

Posted September 18th, 2015 by Zoe Gillenwater & filed under Articles.

The Modernizr feature-detection script now includes four tests for flexbox support, which you can use to target browsers with varying levels of support more precisely.

Enhancing Responsiveness with Flexbox presentation at RWD Summit

Posted March 12th, 2015 by Zoe Gillenwater & filed under Articles.

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.

Full-width pinned layouts with flexbox

Posted July 29th, 2014 by Zoe Gillenwater & filed under Tutorials.

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

Posted March 19th, 2014 by Zoe Gillenwater & filed under Articles.

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

Posted September 8th, 2013 by Zoe Gillenwater & filed under Articles.

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.

Bookmarklets for accessibility testing

Posted July 25th, 2013 by Zoe Gillenwater & filed under Articles.

I’ve created two simple bookmarklets to reveal whether CSS background images are being used in an inaccessible way on a page. Use them yourself, or help me learn how to improve them.

CSS3 transitions and z-index

Posted March 25th, 2013 by Zoe Gillenwater & filed under Articles.

You can apply CSS3 transitions to the z-index property, but it may work in a way you don’t expect.

Flexbox syntax for IE 10

Posted February 19th, 2013 by Zoe Gillenwater & filed under Articles.

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

Posted February 18th, 2013 by Zoe Gillenwater & filed under Articles.

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

Posted December 5th, 2012 by Zoe Gillenwater & filed under Articles, Inspiration.

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.

View more posts: