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
Great to see someone else talk about Exclusions. I would love to see these be picked up by other browser vendors.
Another flexbox tutorial, this one with a bunch of animated gifs to explain the concepts.
A reading list guiding you through using Responsive Images from Dudley Storey.
A little tutorial explaining the calc() function in CSS with some examples.
Interesting
A thorough look at the mystery meat navigation used in the bottom Navigation in Material Design.
Ethan Marcotte with some thoughts on using off the shelf themes.
Our Sponsor
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!