Media Queries in Times of @container

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 can support CSS-Tricks by being an MVP Supporter.

https://mxb.dev/blog/media-queries-in-times-of-container-queries/

4y | CSS tricks
Just How Niche is Headless WordPress?

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 is Headless WordPress? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/just-how-niche-is-headless-wordpress/

4y | CSS tricks
Making Tables With Sticky Header and Footers Got a Bit Easier

It wasn’t long ago when I looked at sticky headers and footers in HTML 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 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/making-tables-with-sticky-header-and-footers-got-a-bit-easier/

4y | CSS tricks
CSS-Tricks Chronicle XXXX

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 on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/css-tricks-chronicle-xxxx/

4y | CSS tricks
Securing Your Website With Subresource Integrity

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 first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/securing-your-website-with-subresource-integrity/

4y | CSS tricks
The Possibilities of Syndication

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 of Syndication appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/the-possibilities-of-syndication/

4y | CSS tricks
Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo?

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, and… a CSS-Tricks Cameo? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/safari-15-new-ui-theme-colors-and-a-css-tricks-cameo/

4y | CSS tricks
Adding Shadows to SVG Icons With CSS and SVG Filters

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 first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/adding-shadows-to-svg-icons-with-css-and-svg-filters/

4y | CSS tricks
Put a Background on Open Details Elements

One thing that can be just a smidge funky about the element is that, when open, it’s not always 100% clear what is inside that element and what isn’t. I’m not saying that always matters or that it’s a …

The post Put a Background on Open Details Elements appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/put-a-background-on-open-details-elements/

4y | CSS tricks
Building a Headless CMS with Fauna and Vercel Functions

In this tutorial, we will learn and use headless CMS, Fauna, and Vercel functions to build a blogging platform, Blogify After that, you can easily build any web application using a headless CMS, Fauna and Vercel functions.

The post Building a Headless CMS with Fauna and Vercel Functions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/building-a-headless-cms-with-fauna-and-vercel-functions/

4y | CSS tricks

Căutare