Issue 265
Chrome DevTools, Inspired Design Decisions, leading-rim, structuring CSS
News
Issue 265
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
What's New In DevTools (Chrome 86) | Web | Google Developers
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.
Release Notes for Safari Technology Preview 112 | WebKit
A few small CSS bugfixes in this version of Safari Technology Preview.
Learn
Inspired Design Decisions With Bradbury Thompson: The Art Of Graphic Design — Smashing Magazine
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.
Enhancing User Experience With CSS Animations by Stéphanie Walter - UX designer & Mobile Expert.
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.
How I Structure My CSS (for Now) · Matthias Ott – User Experience Designer
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.
Our Sponsor
Boost Your Front-End Skills Online: Smashing Workshops
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.