Issue 80
Flexbox explained with animated gifs, CSS Exclusions and an explanation of calc
News
Issue 80
Last week I visited my old home town of Newcastle upon Tyne, and then flew over to Lisbon. Speaking in both locations about CSS Grid Layout. There is now a nice little gap before conference season proper kicks off.
I keep my upcoming events listed here. By the time I do my next event Grid Layout should actually be shipped in browsers, which is exciting!
Rachel Andrew, CSS Layout News
Learn
CSS Exclusions: Making Boring Layouts Less Boring
Great to see someone else talk about Exclusions. I would love to see these be picked up by other browser vendors.
How Flexbox works — explained with big, colorful, animated gifs
Another flexbox tutorial, this one with a bunch of animated gifs to explain the concepts.
the new code – Web Developer Reading List: Responsive Images
A reading list guiding you through using Responsive Images from Dudley Storey.
How calc() Works
A little tutorial explaining the calc() function in CSS with some examples.
Interesting
Material Design and the Mystery Meat Navigation Problem
A thorough look at the mystery meat navigation used in the bottom Navigation in Material Design.
Free, faster. — Ethan Marcotte
Ethan Marcotte with some thoughts on using off the shelf themes.
Our Sponsor
Get to grips with CSS layout - from floats and positioning through flexbox, shapes and grid
I've distilled everything I know about CSS layout into this online video-led workshop. From the basics of floats and positioning right through to new methods such as Flexbox, Grid and Shapes. Never be baffled by layout 'weirdness' again!
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.