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.
(This is a sponsored post.) ✋ High fives to WordPress for releasing version 5.9 on January 29! This was the long-awaited introduction of the Site Editor and the reverberations are still being felt across the 43% slice of the …
WordPress.com Has a New Home on YouTube originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/wordpress-com-has-a-new-home-on-youtube/