You’ve mastered CSS. Now master AI. Join my new weekly newsletter for developers who want to work smarter with AI. Subscribe to AI Developer Weekly »
CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #596

October 8, 2024

CSS Anchor Positioning Guide

CSS Anchor Positioning Guide

Juan Diego Rodríguez created an in-depth guide on CSS Anchor Positioning, including its syntax and properties, positioning one element next to another, and even resizing elements relative to other elements.

Read more

CSS Nesting Improves with CSSNestedDeclarations

CSS Nesting Improves with CSSNestedDeclarations

Bramus Van Damme explains why the CSS Working Group resolved to add the CSSNestedDeclarations interface to the CSS Nesting Specification.

Read more

From Our Sponsor

Pinpoint flaky and failing tests with Codecov Test Analytics

Pinpoint flaky and failing tests with Codecov Test Analytics

Deciphering test failures and rerunning flaky tests can be rage-inducing. Now you can channel your rage productively, because Codecov Test Analytics will literally tell you which tests are flaky.

Read the Blog

CSS Weekly on YouTube

▶ Frontend News #7: CSS Masonry, Accessible Accordion Components, CSS Music Video

▶ Frontend News #7: CSS Masonry, Accessible Accordion Components, CSS Music Video

Find out what CSS Masonry syntax might look like, how to create accessible accordions, which CSS property can trigger Layout, Paint, or Composite, watch the first ever CSS-only music video, and more.

Watch video

Articles & Tutorials

Benchmarking the Performance of CSS @property

Bramus Van Damme explores the performance of @property, its impact, and things you can do to help prevent negative influence.

Read more

Chasing Color

Adam Stoddard investigates what an ideal CSS color system might look like.

Read more

What’s the Difference Between HTML’s Dialog Element and Popovers?

Chris Coyier outlines the difference between Dialog and Popover elements.

Read more

The Golden Ratio in CSS

Mads Stoumann demonstrates how to recreate the Golden Ratio Diagram in CSS, using a few grid-declarations and some additional tricks.

Read more

How to use the CSS backdrop-filter Property

Oscar Jite-Orimiono shows how the backdrop-filter property works and shares a few practical examples.

Read more

Sponsored Link

Level Up Your Coding Skills With Scrimba

Level Up Your Coding Skills With Scrimba

Whether you want o learn React, TypeScript, or just improve your CSS expertise, Scrimba has you covered.

As a CSS Weekly reader, you will get a 20% Off Forever discount if you upgrade to Scrimba Pro to get access to all of their courses—available only for a limited time.

Start Learning Today

Tools

ARIA DevTools

ARIA DevTools is a Chrome extension that will help you easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

Check it out

Confectionery

Confectionery is a minimalistic browser without the clutter of standard UI elements, useful if you want to take a website screenshot without the interface clutter.

Check it out

Inspiration

Scroll-Driven Animated Card Stack With Scroll Snap Events.

Scroll-Driven Animated Card Stack With Scroll Snap Events.

Paul Noble created an impressive demo showcasing the power CSS Scroll Snapping and Scroll Timeline.

Get inspired

Until Next Week

I want to take a moment here to thank you for following CSS Weekly’s YouTube journey. It feels incredible that so many of you watch my videos and care enough to contribute and share your insight in the comments and on social media. It really means a lot.

The channel is currently 50 subscribers away from 10,000 — I find this absolutely incredible, and I am motivated and inspired to continue my journey as I approach this massive (for me) milestone.

If you think the channel or one of my videos might help someone, please share it with them—you’ll have my eternal gratitude.

Happy coding,
Zoran Jambor


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

Issue #595 Issue #597

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.