Happy Tuesday from a wet and very windy Bristol, I was pursued by a shopping cart that was caught by the wind on my run this morning.
Last week over at Smashing Magazine, we held our SmashingConf Live! event, which was really good fun, and felt very much like an in-person event other than the fact my cats were trying to get in on the action. You can find my slides on some of the newest shiniest bits of CSS here. You can also check out Michelle Barkers slides on Custom Properties. I'm missing being on the road and seeing everyone, but these events do give us a chance to get together.
Rachel Andrew, CSS Layout News
A rundown on the new features in DevTools for Chrome 86 - so you'll need Chrome Canary to test these out. In some of my recent talks I've mentioned the new media features which allow us to test which OS preferences the user has set. This version of DevTools has an emulation for the
prefers-reduced-data media feature.
A few small CSS bugfixes in this version of Safari Technology Preview.
This is the final article in Andy Clarke's Inspired Design Decisions series. I've really enjoyed these, and seeing the way traditional design can be reinterpreted for the web using new layout methods.
A blog post based on a talk with some nice examples of animations, and lots of links to other information.
Leading-Trim: The Future of Digital Typesetting | by Ethan Wang | Microsoft Design | Aug, 2020 | Medium
This is an excellent explainer of the upcoming
leading-trim property, which will let us trim away the leading from text in order to get better alignment.
People often ask me how I structure CSS, and to be honest that changes quite a lot depending on the project and how many people might work on it. Here is one take on the matter.
Boost your design skills online and learn practical insights from experts in the industry, live. That’s Smashing Online Workshops, broken into 2.5h live sessions, spanning across weeks. With tangible takeaways, exercises, access to experts, slides, recordings and a friendly Q&A. Join The CSS Layout Masterclass with Rachel Andrew, Vue.js: the Practical Guide with Natalia Tepluhina, and many more using the code CSSLAYOUT to save $50 off the price! Meow!
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.