Pausing a GIF with details/summary
If I’m lucky, I have a computer next to me when that question hits me. … Read article “CMD+Z for Git is Here”
Irregular-shaped Links with Subgrid
But even with all the resources out there, implementing lazy loading can look different depending on the project you’re working in or the framework you’re using. In this article, I’ll use the … Read article “Lazy Loading Images in Svelte”
A little bit of plain Javascript can do a lot
These metrics are often touted as measures of usability or meaning, but they are not necessarily meaningful for everyone. In particular, users relying on assistive technology (such as a screenreader) may not perceive steps in the page loading process until after the DOM is complete, or even later depending on how JavaScript may block
When a Line Doesn’t Break
The new design for Sidebar is lovely. I like how it goes even deeper with the sticky elements than the last design.
Some Typography Links
That will essentially do nothing outside … Read article “Quick Tips for High Contrast Mode”
Advice for Complex CSS Illustrations
The question of how and where to learn HTML & CSS is a highly reasonable thing to ask. The answer depends on all sorts of things: how serious you are, your current foundation, what other resources are available to you, what you hope to do with what you learn, and how much time you have, among probably a zillion other things.
5 Myths About Jamstack
I’ve seen people set up Gulp for this, which is cool, I still use and like Gulp for some stuff. I’ve seen someone use templating… Read article “Making My Netlify Build Run Sass”
Chrome 83 Form Element Styles
[…] the only thing I can think of that could justify use for this in production is as a way to include some Firefox-only CSS, which Eric Meyer mentions as a possibility in an old post on this subject. But
CSS Tips for New Devs
Most newer devices have a wide-gamut display. A gamut is the range of colors that can be displayed. A wide-gamut display is capable of showing more colors than sRGB. They use the … Read article “The Expanding Gamut of Color on the Web”
How to Build a Chrome Extension
This has been the year of Gutenberg for us here at CSS-Tricks. In fact, that’s a goal we set at the end of last year. We’re much further along that I thought we’d be, authoring all new content in the block editor¹, enabling the block editor for all content now. That means when we open most old posts, we see all the content in the “Classic” block. It looks like this:… Read article “WordPress Block Transforms”