Issue 263

It is incredibly hot here in the UK. I was recording a presentation for an in-house team last week, and had to do it in short chunks as my camera was overheating! Speaking of which, one of my lockdown activities is delivering remote training and talks for in-house teams who are all working remotely. I can do live or pre-recorded training and very happy to tailor things to your requirements. Drop me a line to discuss.

Sponsoring the newsletter this week is An Event Apart with their Front-End Focus event next week. Do check out the details in the footer. Use the code for a discount and so they know that I sent you!

Rachel Andrew, CSS Layout News

content-visibility: the new CSS property that boosts your rendering performance

A post about the content-visibility property that helps to improve loads times by skipping rendering of offscreen content.

web.dev

CSS { In Real Life } | Drop-Shadow: The Underrated CSS Filter

A post about the drop-shadow filter and the difference between it and box-shadow.

css-irl.info

Naming layout components — Stuff & Nonsense

How do you name layout components? Some thoughts from Andy Clarke.

stuffandnonsense.co.uk

Nailing the Perfect Contrast Between Light Text and a Background Image | CSS-Tricks

This is useful, getting a good contrast when you want to place text over a background image using HTML <canvas>.

css-tricks.com

More Control Over CSS Borders With background-image | CSS-Tricks

A short post demonstrating how to use background-image for better borders, and explaining how the border generator built by Amit Sheen works.

css-tricks.com

Optimizing CSS for faster page loads - Tomas Pustelnik's personal website

Various ways to optimize CSS, to improve page load times.

pustelto.com

Learn what’s next in front-end development

Explore the latest in CSS advances, best practices in design principles, surviving audits, improving performance, and more at An Event Apart Online Together: Front-End Focus—a one-day online conference coming to a device near you Monday, August 17.

Front-End Focus features 6 in-depth sessions from Ire Aderinokun, Aaron Gustafson, Henri Helvetica, Jeremy Keith, Una Kravets, and Dave Rupert, plus a live moderated Q&A with each speaker after their session, live message boards throughout the event, and on-demand access to the session recordings for 6 months.

CSS Layout subscribers can save $50 off registration with promo code: AEACSSL20

See the full agenda and register now.

aneventapart.com