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 #623

October 8, 2025

A Pragmatic Guide to Modern CSS Colours

A Pragmatic Guide to Modern CSS Colours

Kevin Powell explains everything you need to know about modern CSS colors.

Read more

CSS to Speech: Alternative Text for CSS-Generated Content

CSS to Speech: Alternative Text for CSS-Generated Content

Sara Soueidan gives a 101 post on when and how to use the slash content property syntax in CSS to provide alt text for CSS-generated content, and why it is important.

Read more

From Our Sponsor

Build your next app on the HubSpot Developer Platform

Build your next app on the HubSpot Developer Platform

The HubSpot Developer Platform gives you the tools to build, extend, and scale with confidence. Create AI-ready apps, integrations, and workflows faster with a unified platform designed to grow alongside your business.

Start Today

CSS Weekly on YouTube

▶ Introducing Baseline Status for Video

▶ Introducing Baseline Status for Video

Baseline Status for Video is a handy online tool that enables you to easily display Baseline Status in your videos. In this brief introduction, you’ll learn exactly how it works and how to utilize it in video editing software (such as ScreenFlow) by setting Chroma Key to remove the green screen.

Watch video

Articles & Tutorials

Visu­al Regres­sion Test­ing for Exter­nal URLs With Playwright

Matthias Ott demonstrates how to set up Playwright for visual regression testing.

Read more

Inside a 16.67 Millisecond Frame

Lucio D’Alessandro explains how rendering in browsers works through a practical example.

Read more

Numbers That Fall (Scroll-Driven Animations & Sibling Index)

Chris Coyier demonstrates how to create a nice effect by utilizing Scroll-Driven Animations and the sibling-index() function.

Read more

Getting Creative With shape-outside

Andy Clarke shows how to use shape-outside to add personality to a design.

Read more

Understanding Focus Indicators for Web Accessibility

Learn WCAG-compliant techniques for clear visual feedback and keyboard navigation of focus indicators.

Read more

Sponsored Link

Setapp — Dozens of Apps for Developers & Designers

Setapp — Dozens of Apps for Developers & Designers

Setapp is a hand-picked collection of quality software, packed with prime apps.

You’ll find many helpful design/development apps, like PixelSnap, Sip, TablePlus, and Gitfox, that will help you with your day-to-day frontend work.

Find Out More

Tools

BlueSky Likes Components

Flexible web components to display (and encourage) likes on BlueSky posts.

Check it out

element

A custom element that uses the CSS Custom Highlight API for syntax highlighting.

Check it out

Inspiration

Electric Border

Electric Border

Bálint Ferenczy created a stunning border animation that allows you to dramatically emphasize an element.

Get inspired

Until Next Week

Thank you so much for reading!

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

Happy coding,
Zoran Jambor

Issue #622

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 12,000 Subscribers X / Twitter 16,800 Followers Bluesky 4,100 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 12,000 Subscribers X / Twitter 16,800 Followers Bluesky 4,100 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.