'
What’s important #5: lazy loading iframes, repeating angular backgrounds and more | CSS tricks
Web Design

What’s important #5: lazy loading iframes, repeating angular backgrounds and more | CSS tricks

author
3 minutes, 1 second Read

This issue of What’s!important is dedicated to our friends in the UK (including myself) who are currently experiencing a very miserable 43 days of rain. Presenting: the five most interesting things to read about CSS in recent weeks. Plusthe latest features of Chrome 145 and everything else you might have missed. TL;DR: a lot of content, but also a lot of rain.

Why you can only code 4 hours a day

Don’t worry, you’ll only be coding 52 minutes a day anyway.

Dr. Milan Milanović talks about the devastating impact of meetings, emails, Slack and interruptions, and what you/your manager can do about it. This article is a real eye-opener with a lot of shocking (but not surprising) statistics about the flow status of the average developer.

Why you shouldn’t move to smaller breakpoints too early

Ahmad Shadeed explains why you shouldn’t switch to smaller responsive breakpoints too earlywith examples of websites that have done this and scenarios where users might encounter these breakpoints.

How to lazily load iframes above the fold

loading=lazy only works for off-screen elements, so Stefan Bauer demonstrates a nice trick for it lazy loading above the fold s used

.

How to create repetition corner-shape backgrounds

Preethi Sam shows us how to use corner-shape in s, which are then used as repetition backgroundS. I’ve done my own experiments with it corner-shapebut this is great and definitely something I hadn’t thought of.

The CSS Selection (2026 Edition)

What do web developers actually do with CSS? While other studies look at characteristics, The CSS selection (2026 edition) focuses on CSS patterns and techniques. It’s a very interesting read and will definitely make you laugh at least once or twice, especially when you spot the various typos !important.

Here are some of my favorites:

  • !IMPORTANT: too loud
  • !impotant: too much information
  • !i: that’s just lazy
  • !imPORTANT: excellent announcement
  • !importantl: oh, so close…

Chrome Features and Quick Hits You May Have Missed

Chrome 145 sent a few days ago, and as always we’ve been sharing some Quick Hits throughout the week. You can find it in the sidebar of the homepage, so feel free to stop by if you’re ever in the area.

Coincidentally, most of the Quick Hits were somehow related to the Chrome update, so I’ll summarize everything:

  • text-justifywith which you can combine text-align: justify to indicate whether you want word spacing (text-justify: inter-word) or letter spacing (text-justify: inter-character) to make the text justified. Geoff wrote about this in 2017, when only Firefox supported it (sort of…), so by my calculations Safari should support it in 2035. So not this decade, but before GTA 6. Just kidding… (I think).
  • Speaking of word and letter spacing, word-spacing And letter-spacing accept now % units, as they do in Safari and Firefox.
  • In the same way, overscroll-behavior now works for non-root scroll containers, such as in Safari and Firefox. Web dev from RedFox warning about overscroll-behavior couldn’t have come at a better time.
  • column-wrap And column-height for better layouts with multiple columns there are now also, but unfortunately only in Chrome.
  • This also applies to customization