“A change to overflow on replaced elements in CSS”: From Chrome 108, the following replaced elements respect the overflow property: img, video and canvas. In earlier versions of Chrome, this property was ignored on these elements.
This … A Couple Changes Coming in Chrome 108 originally published on CSS-Tricks, which is…
The Difference Between Web Sockets, Web Workers, and Service Workers
Web Sockets, Web Workers, Service Workers… these are terms you may have read or overheard. Maybe not all of them, but likely at least one of them. And even if you have a good handle on front-end development, there’s a … The Difference Between Web Sockets,…
Some Links About CSS Gradients
Every once in a while, the blogging zeitgiest seems to coalesce around a certain topic and it’s like the saved articles in my bookmarks folder are having a conversation. The conversation sitting in there now is all about CSS Gradients … Some Links About CSS Gradients…
Rendering External API Data in WordPress Blocks on the Back End
This is a continuation of my last article about “Rendering External API Data in WordPress Blocks on the Front End”. In that last one, we learned how to take an external API and integrate it with a block that … Rendering External API Data in WordPress…
The New CSS Media Query Range Syntax
The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web design. The New CSS Media Query Range…
Fancy Image Decorations: Outlines and Complex Animations
We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the <img> element. In this third and final piece, we are going to explore more techniques using the … Fancy Image Decorations: Outlines and…
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
The CSS :has() pseudo class is rolling out in many browsers with Chrome and Safari already fully supporting it. It’s often referred to it as “the parent selector” — as in, we can select style a parent element from a … Creating Animated, Clickable Cards With…
Is There Too Much CSS Now?
As front-end developers, we’ve wished for a lot of things over the years — ways to center things in CSS, encapsulate styles, set an element’s aspect ratio, get finer-grained control over our colors, select an element based on its children’s … Is There Too Much CSS…
Fancy Image Decorations: Masks and Advanced Hover Effects
Welcome to Part 2 of this three-part series! We are still decorating images without any extra elements and pseudo-elements. I hope you already took the time to digest Part 1 because we will continue working with a lot of gradients … Fancy Image Decorations: Masks and…
Instant Articles, Proprietary Syndication, and a Web Built on User Fidelity Preferences
I love it when there’s a sense of synergy in the blogosphere. First, I caught Nick Heer’s coverage of Meta ending support for Instant Articles, its proprietary format for stripped-down performant news articles. He also compares it to the similar … Instant Articles, Proprietary Syndication, and…