Skip to content

Issue 263

Performance and CSS, borders, and drop shadows.

Rachel Andrew
2 min read


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.

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.

Naming layout components — Stuff & Nonsense

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

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>.

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.

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

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

Our Sponsor

Learn what’s next in front-end development

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.