Useful and Useless Code Comments
16.6.2021
Jim Nielsen:
If somebody says a comment isn’t adding any value, I would ask: to whom?
Personally, I’ve never liked the advice that writing obvious comments is bad practice—probably because I write obvious comments all the time.
Jim showed …
The post Useful and Useless Code Comments...
How I Used the WAAPI to Build an Animation Library
16.6.2021
The Web Animations API lets us construct animations and control their playback with JavaScript. The API opens the browser’s animation engine to developers and was designed to underlie implementations of both CSS animations and transitions, leaving the door open to …
The post How I Used...
Detect Unused Classes in… HTML
16.6.2021
Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS …
The post Detect Unused Classes in… HTML...
Media Queries in Times of @container
15.6.2021
Max Böck took me up on my challenge to look through a codebase and see how many of the @media queries could ultimately become @container queries.
I took the bait and had a look at some of my projects –
…
The post Media Queries in Times of @container appeared first on CSS-Tricks.
You...
Just How Niche is Headless WordPress?
15.6.2021
I wonder where headless WordPress will land. And by “headless” I mean only using the WordPress admin and building out the user-facing site through the WordPress REST API rather than the traditional WordPress theme structure.
Is it… big? The future …
The post Just How Niche...
Making Tables With Sticky Header and Footers Got a Bit Easier
15.6.2021
It wasn’t long ago when I looked at sticky headers and footers in HTML <table>s in the blog post A table with both a sticky header and a sticky first column. In it, I never used position: sticky on …
The post Making Tables With Sticky Header and Footers Got a Bit Easier...
CSS-Tricks Chronicle XXXX
14.6.2021
Just a little link roundup of some off-site stuff I’ve done recently. As I’m wont to do from time to time.
DevJourney Podcast
#151 Chris Coyier from ceramics to CSS-Tricks and CodePen‘
Chris took us from playing on
…
The post CSS-Tricks Chronicle XXXX appeared first...
Gather Feedback Using the Amazing UserWell (Sponsored)
14.6.2021
Most websites and mobile apps collect all sorts of data to try to gain insights into what users are doing, not doing, and to gain insight into what users may want. Those metrics are useful but there’s a more valuable way to get information: direct feedback from users. Userwell is an awesome...
Securing Your Website With Subresource Integrity
14.6.2021
When you load a file from an external server, you’re trusting that the content you request is what you expect it to be. Since you don’t manage the server yourself, you’re relying on the security of yet another third party …
The post Securing Your Website With Subresource Integrity appeared...
Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo!
11.6.2021
There’s a 33-minute video (and resources) over on apple.com covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail. Look who’s got a little cameo in there:
Perhaps the most noticeable thing there …
The post Safari 15: New UI, Theme Colors...
The Possibilities of Syndication
11.6.2021
That’s the one word that isn’t an adjective in the acronym RSS.
Really Simple Syndication.
RSS isn’t just about RSS readers. Even though, gosh if I don’t love RSS readers. It’s about putting content in a format that is …
The post The Possibilities...
Adding Shadows to SVG Icons With CSS and SVG Filters
11.6.2021
Why would we need to apply shadows to SVG?
Shadows are a common design feature that can help elements, like icons, stand out. They could be persistent, or applied in different states (e.g. :hover, :focus, or :active)
…
The post Adding Shadows to SVG Icons With CSS and SVG Filters appeared...