CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #581

March 8, 2024

Proposal: CSS Variable Groups

Proposal: CSS Variable Groups

Lea Verou outlines the idea for CSS Variable Groups, a way to define multiple properties under the same namespace and pass the entire group around, addressing several pain points around design tokens, design systems, and integrating third-party components.

Read more

Modern CSS Tooltips and Speech Bubbles

Modern CSS Tooltips and Speech Bubbles

Temani Afif presents modern techniques to create tooltips with the smallest amount of markup and the greatest amount of flexibility.

Read more

From Our Sponsor

A newsletter helping engineers flex their product muscles

A newsletter helping engineers flex their product muscles

Product for Engineers is PostHog’s newsletter dedicated to helping engineers improve their product skills.

Subscribe for free to get curated advice on building great products, lessons (and mistakes) from building PostHog, and deep dives into the strategies of top startups.

Subscribe for free

CSS Weekly on YouTube

▶ Simplify Your CSS Using :is() and :where() Pseudo-Classes

▶ Simplify Your CSS Using :is() and :where() Pseudo-Classes

A detailed guide to :is() and :where() CSS pseudo-classes, explaining exactly how they work, what’s the difference between them, and how they can help you simplify your CSS, along with some gotchas you should keep in mind.

Watch video

Articles & Tutorials

An HTML Switch Control

Anne van Kesteren & Jon Davis introduce a new HTML form control, already supported in Safari 17.4: a toggle switch.

(I’ve also created a quick tip on the HTML toggle switch, in case you want to check it out.)

Read more

Going Beyond Pixels and (R)ems in CSS – Container Query Length Units

Brecht De Ruyte looks at length units based on the containing element: cqw, cqh, cqi, cqb.

Read more

Some Little Ways I’m Using CSS :has() in the Real World

Andy Bell shares some low-fidelity demos of :has() snippets that you can use in real-world projects.

Read more

5 Ways To Style Text With CSS Inspired by the Spider-Verse

Oscar Jite-Orimiono gives some creative text-style ideas inspired by the Spider-Verse films.

Read more

Mobile Accessibility Barriers For Assistive Technology Users

Kate Kalcevich shares lessons she learned from assistive technology users — challenges and barriers they encounter on mobile devices.

Read more

Promoted Link

The #1 All-In-One Platform Your Team Needs

The #1 All-In-One Platform Your Team Needs

Picture a world where workflows are finely tuned, automated to perfection, and seamlessly integrated with your favorite apps. It’s not just a platform; it’s a revelation—a space where managers gain unparalleled visibility into team processes, ensuring each project is a resounding success. Step into the future of work management with monday.com, where efficiency isn’t a goal; it’s a given.

From startups to industry giants, monday.com has transformed how teams work. Why not let your team be the next success story?

Start your free trial today!

Tools

Device Simulator & Tester

A tool that allows you to simulate your website across various devices concurrently, all within a single tab.

Check it out

Tailwind Skeleton Generator

A tool that will help you convert Tailwind + HTML (JSX/TSX) into captivating animated loaders, ensuring a seamless user experience as content loads.

Check it out

Inspiration

On-Scroll 3D Stack Motion Effect

On-Scroll 3D Stack Motion Effect

Manoela Ilic created a stunning, experimental 3D card stack on-scroll animation.

Get inspired

Until Next Week

Staying up to date with everything new in CSS (and web development in general) is nearly impossible, so don’t stress about it.

You don’t have to test and learn every new feature, property, and API; being aware that they exist is enough, as you can pick them up when you need them.

If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly Patreon
• CSS Weekly YouTube Channel
• Mastering Linting

Happy coding,
Zoran Jambor

Issue #580 Issue #582

CSS Stickers!

CSS Stickers set.

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.