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

Issue #505

May 19, 2022

:where() :is() :has()? New CSS Selectors That Make Your Life Easier

:where() :is() :has()? New CSS Selectors That Make Your Life Easier

Kilian Valkhof explores some of new features that are available for the CSS selectors: the :is(), :where() and :has() pseudo-classes.

Read more

COLRv1 and CSS font-palette: Web Typography Gets Colorful

COLRv1 and CSS font-palette: Web Typography Gets Colorful

Ollie Williams explains how to use font-palette property and @font-palette-values to control the color palette of color fonts.

Read more

From Our Sponsor

Create a better interface for any business problem with Retool

Create a better interface for any business problem with Retool

You don’t have to be a frontend expert to build beautiful apps. Retool provides a powerful platform to build UI, connect to data, and publish your app 10x faster. Skip boilerplate code with 90+ pre-built components, and write code nearly anywhere to customize how your apps look and work.

Read more

From Our YouTube Channel

Use @supports At-Rule for Feature Detection in CSS

Use @supports At-Rule for Feature Detection in CSS

Learn how to detect browser feature support in CSS using @supports at-rule.

Watch video

Articles & Tutorials

Cool Hover Effects That Use CSS Text Shadow

Temani Afif demonstrates how to use CSS text-shadow property to create interesting hover effects.

Read more

Writing Better CSS

Adam Laki offers some advice on improving your CSS.

Read more

A CSS Slinky in 3D? Challenge Accepted!

Jhey Tompkins demonstrates how to create a Slinky walking downstairs animation in CSS.

Read more

The Surprising Truth About Pixels and Accessibility

Joshua Comeau explores if you should use pixels or rems, outlines the accessibility implications for each, and explains how to determine the best unit to use in any scenario.

Read more

More Common Accessibility Issues That You Can Fix Today

Hidde de Vries gives a hands-on guide to fixing some common accessibility issues in your codebase.

Read more

Promoted Link

WDW - Your go-to web design newsletter

WDW - Your go-to web design newsletter

If you like CSS Weekly, I’ve got a feeling you’ll love Web Design Weekly too. There’s a reason 19,000 designers read it every week.

Try it (free)

Tools

Roboto … But Make It Flex

Sarah Daily introduces Roboto Flex, a variable font with a huge range of weights, widths, optical sizes, grades – and even parametric axes.

Check it out

Animate-CSS-Grid

A library that lets you seamlessly animate all CSS grid properties.

Check it out

Inspiration

CSS Sun Rays Through a Window

CSS Sun Rays Through a Window

Kazuhiro Hashimoto created a stunning, customizable, animated scene.

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #504 Issue #506

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.