Mastodawn

I missed the whole hidden=until-found deal until it landed in Firefox 139, and even more recently, Safari Technology Preview 125.

Totally one of those things that looks simple, but gets way more nuanced as you dig in.

https://css-tricks.com/covering-hiddenuntil-found/

Covering hidden=until-found | CSS-Tricks

Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.

CSS-Tricks

CSS-Tricks 1d ago

On Accessibility Conformance, Design Systems, and CSS “Base” Units

Three separate blog posts, possibly converging ideas.

https://css-tricks.com/on-accessibility-conformance-design-systems-and-css-base-units/

On Accessibility Conformance, Design Systems, and CSS "Base" Units | CSS-Tricks

My brain can't help but try to make connections between seemingly disparate ideas. And that's what happened yesterday when I read:

CSS-Tricks

CSS-Tricks 2d ago

We Might Need Something Between Root and Relative CSS Units for “Base Elements” by Zell Liew

https://css-tricks.com/we-might-need-something-between-root-and-relative-css-units-for-base-elements/

We Might Need Something Between Root and Relative CSS Units for "Base Elements" | CSS-Tricks

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.

CSS-Tricks

CSS-Tricks 2d ago

Oh yeah, what's your score?

https://css-tricks.com/css-questions/

CSS-Questions | CSS-Tricks

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.

CSS-Tricks

CSS-Tricks 3d ago

Mr. @malarkey is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.

https://css-tricks.com/stuff-nonsense-practical-layout-workshop/

Stuff & Nonsense Practical Layout Workshop | CSS-Tricks

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.

CSS-Tricks

CSS-Tricks 4d ago

There are no rules about how long a quote should be, how big it should look, or even how it’s styled.

So, how do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story?

https://css-tricks.com/getting-creative-with-quotes/

Getting Creative With Quotes | CSS-Tricks

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, decorative quote marks, custom shapes, and a few unexpected properties.

CSS-Tricks

CSS-Tricks Aug 8

How to Prepare for CSS-Specific Interview Questions

https://css-tricks.com/how-to-prepare-for-css-specific-interview-questions/

How to Prepare for CSS-Specific Interview Questions | CSS-Tricks

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.

CSS-Tricks

CSS-Tricks Aug 6

Bringing Back Parallax With Scroll-Driven CSS Animations by Blake Lundquist

https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/

Bringing Back Parallax With Scroll-Driven CSS Animations | CSS-Tricks

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have scroll-driven animations in CSS, which is free from the main-thread blocking that can plague JavaScript animations.

CSS-Tricks

CSS-Tricks Aug 4

Thinking Deeply About Theming and Color Naming by Zell Liew

https://css-tricks.com/thinking-deeply-about-theming-and-color-naming/

Thinking Deeply About Theming and Color Naming | CSS-Tricks

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.

CSS-Tricks

CSS-Tricks Jul 30

Keeping Article Demos Alive When Third-Party APIs Die by Mészáros Róbert

https://css-tricks.com/keeping-article-demos-alive-when-third-party-apis-die/

Keeping Article Demos Alive When Third-Party APIs Die | CSS-Tricks

Is there a way to build demos that do not break when the services they rely on fail? How can we ensure educational demos stay available for as long as possible?

CSS-Tricks

Website	https://css-tricks.com
Twitter	https://twitter.com/css
Everything	* { box-sizing: border-box; }