
That’s a damn one-two punch from Dave. He goes for the ultimate clickbait title¹, then follows up with a pile of epic advice for us all. If you want web browsers to get better, listen up:
Complaining on
…
Before I go: When it comes to complaining about web browsers originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/before-i-go-when-it-comes-to-complaining-about-web-browsers/

On several occasions, I’ve needed to send off an HTTP request with some data to log when a user does something like navigate to a different page or submit a form. Consider this contrived example of sending some information to …
Reliably Send an HTTP Request as a User Leaves a Page originally published on CSS-Tricks. You should get the newsletter.

This is your complete guide to CSS cascade layers, a CSS feature that allows us to define explicit contained layers of specificity, so that we have full control over which styles take priority in a project without relying on specificity …
A Complete Guide to CSS Cascade Layers originally published on CSS-Tricks. You should get the newsletter.

Being able to understand Node continues to be an important skill if you’re a front-end developer. Deno has arrived as another way to run JavaScript outside the browser, but the huge ecosystem of tools and software built with Node mean …
Comparing Node JavaScript to JavaScript in the Browser originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/node-javascript-compared-to-javascript/

I linked to Jay’s front-end predictions last year and I think they panned out pretty well. I think he’s got a bit of a knack for that wide-scope look at front-end, including tooling and architecture, as well as browser tech. …
(Jay Freestone’s) Front-End Predictions for 2022 originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/jay-freestone-front-end-predictions-for-2022/

(This is a sponsored post.) First things first, if you didn’t know Netlify had a CLI, they do. One of my favorite things about it running the command netlify dev on nearly any static-site generator project is seeing it …
Top Things You Didn’t Know You Could Do With Netlify CLI originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/top-things-you-didnt-know-you-could-do-with-netlify-cli/

Font Awesome is an incredibly popular icon library. Unfortunately, it’s somewhat easy to use in a way that results in less-than-ideal performance. By subsetting Font Awesome, we can remove any unused glyphs from the font files it provides. This will …
Subsetting Font Awesome to Improve Performance originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/subsetting-font-awesome-to-improve-performance/

A useful little UI widget thingy here from Jens Kuerschner. Click the add-to-calendar button, get a list of calendar apps, the user selects which one they actually use, and they get what they need for that calendar. Could be a …
Add-to-Calendar Button UI Widget originally published on CSS-Tricks. You should get the newsletter.

Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world. The requirements are:
The user specifies a maximum number of columns. This is the auto-filling grid’s “natural”
…
An Auto-Filling CSS Grid With Max Columns of a Minimum Size originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/

Greensock made the GSAP Flip plugin free in the 3.9 release. FLIP is an animation concept that helps make super performance state-change animations. Ryan Mulligan has a good blog post:
FLIP, coined by Paul Lewis, is an
…
GSAP Flip Plugin for Animation originally published on CSS-Tricks. You should get the newsletter.