CSS Layout News - CSS Layout News - Issue 265

Chrome DevTools, Inspired Design Decisions, leading-rim, structuring CSS
 

CSS Layout News

 

ISSUE 265  25th August 2020

 

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.

google.com

 

Release Notes for Safari Technology Preview 112 | WebKit

A few small CSS bugfixes in this version of Safari Technology Preview.

webkit.org

 
 

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.

smashingmagazine.com

 

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.

stephaniewalter.design

 

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.

medium.com

 

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.

matthiasott.com

 
 

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!

smashingconf.com

 
 
You received this email because you subscribed via the CSS Layout News site.
We’ll be sorry to see you go but you can unsubscribe instantly.
 
Spike Island 133 Cumberland Rd Bristol BS1 6UX
 
 

 
 
©2020 CSS Layout News | Privacy Policy | Curated by Rachel Andrew.
 
Published with Curated

Older messages

CSS Layout News - Issue 264

Tuesday, August 18, 2020

Grid Level 2 is a Candidate Recommendation. View on the web Archives ISSUE 264 18th August 2020 News Issue 264 Happy Tuesday and another edition of CSS Layout News. I'm looking forward to the

CSS Layout News - Issue 263

Tuesday, August 11, 2020

Performance and CSS, borders, and drop shadows. View on the web Archives ISSUE 263 11th August 2020 News Issue 263 It is incredibly hot here in the UK. I was recording a presentation for an in-house

CSS Layout News - Issue 262

Tuesday, August 4, 2020

CSS OM, SVG Animation, Variable Fonts, Masonry, and DevTools View on the web Archives ISSUE 262 4th August 2020 News Issue 262 Another Tuesday and another CSS Layout News. I have a new sponsor this

CSS Layout News - Issue 260

Tuesday, July 21, 2020

CSS painting order, breakpoints, switch a logo for dark mode. View on the web Archives ISSUE 260 21st July 2020 News Issue 260 2020 continues to be pretty full-on, so apologies for a shorter than usual

CSS Layout News - Issue 259

Wednesday, July 15, 2020

Crowdfunding Web Platform features, grids, CSS variables, and counters View on the web Archives ISSUE 259 14th July 2020 News Issue 259 Welcome to this issue of CSS Layout News, which is very kindly

You Might Also Like

🐺 How to create a high impact press page.

Friday, February 14, 2025

͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏

#494: UX and Product Design

Friday, February 14, 2025

Redesigning complex navigation, product design process, UX in legacy systems, UX workshops with users. Issue #494 • Feb 11, 2025 • View in the browser Smashing Newsletter Halò Smashing Friends, How do

Nick Mafi on Capturing LA’s Loss

Friday, February 14, 2025

View in your browser | Update your preferences ADPro 77 Stories Shared As we watched the worst fires in Los Angeles history spread across the city, the editors at AD came together to discuss the

🐺 Content that Converts - the replay is up!

Friday, February 14, 2025

And everyone who joined loved it! ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

Designer or Couple’s Therapist?

Friday, February 14, 2025

View in your browser | Update your preferences ADPro Let's Make a Deal There's no shortage of spoils in the wonderfully eclectic Hudson Valley home of actor Walton Goggins and writer-director

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏