Issue 226
Multicol column-span in Firefox 71, newspaper layouts with Grid, Unused CSS, the Firefox Shape Path Editor
News
Issue 226
I am writing this intro on the airplane back from Webclerks in Vienna. You can find my slides, code and resources over on Notist.
Before heading to Vienna I chatted to the folk on the Thundernerds Podcast - you can watch the video in which we talk about grid, products, and fitness.
Next stop for me is An Event Apart in San Francisco with a brand new talk - but first I need to move house. Wish me luck!
Rachel Andrew, CSS Layout News
Learn
Multiple-column Layout and column-span in Firefox 71 - Mozilla Hacks - the Web developer blog
The column-span property is just one of the layout features coming to Firefox 71. I explain what it is and a little about how the multicol spec has improved based on the work being done at Mozilla to implement this.
Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements | CSS-Tricks
I hope that at some point we get the ability to add borders to grid areas, however in the meantime here are some useful techniques to do so.
Scaling SVG Elements
A nice little demo on how to scale an SVG.
How Do You Remove Unused CSS From a Site? | CSS-Tricks
A really in-depth look at removing unused CSS from a site, with no one answer but plenty of exploration of the various options.
How I made the Firefox Protection report screen reader accessible – Marco's Accessibility Blog
Marco is getting a head start on the advent posting by starting his series early. Here is a look at how he made the Firefox Protection report accessible to screen reader users.
Edit your CSS Shapes with the Shape Path Editor - YouTube
A video from the Mozilla Developer Channel about using the Shape Path editor in Firefox DevTools.
Interesting
Print To CSS | Website and blog of Front-end developer and web designer, Dan Davies
Some really nice examples of layouts taking inspiration from print.
CSS Scrollbars - CSS: Cascading Style Sheets | MDN
I mentioned this spec in my talk yesterday and tweeted the docs, people always seem excited by scrolbar styling. So in case you weren't aware of this standardizing of scrollbar styling, here is CSS Scrollbars.
Our Sponsor
Share slides and build your speaker profile by adding links, tweets, video and resources
Whether you speak occasionally at local meet up groups, or frequently take the stage at big design conferences, Notist is the place to build your public speaking portfolio.
You can share your slides, but also promote upcoming events, add video, pull in tweets, and build up lists of links and resources for attendees to reference to. Over time you can build up a solid resource of all your speaking engagements.
If you ever hook up to a projector, you should get hooked up with Notist.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.