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

Issue #550

May 25, 2023

What’s New in CSS and UI: I/O 2023 Edition

What’s New in CSS and UI: I/O 2023 Edition

Una Kravets, Bramus, and Adam Argyle give a rundown of the most exciting and impactful CSS and UI features that landed in the browsers recently or are coming soon.

Read more

Getting Started With View Transitions on Multi-Page Apps

Getting Started With View Transitions on Multi-Page Apps

Dave Rupert gives a fantastic introduction to View Transitions for multi-page apps.

Read more

From Our Sponsor

Stop Doomscrolling. Build a Daily Learning Habit with Brilliant Instead.

Stop Doomscrolling. Build a Daily Learning Habit with Brilliant Instead.

Tired of scrolling through your phone and feeling like you’re not really getting anything done? Why not use that time to build in-demand skills instead?

With Brilliant, you can make learning a daily habit that’s both fun and rewarding.

Their interactive lessons are like games that will keep you engaged and motivated. And with bite-size lessons that fit into even the busiest schedule, you can learn on your own terms.

Whether you want to build your analytical thinking skills or master advanced math and computer science concepts, Brilliant has something for you. Join over 10 million learners worldwide and get a 30-day free trial today.

Start your free trial today!

CSS Weekly on YouTube

▶ Stop Rewriting Your CSS! Use :not() Instead

▶ Stop Rewriting Your CSS! Use :not() Instead

A guide to :not() pseudo-class, showcasing several practical use-cases from excluding first/last children from the selection to combining :not() with :has() for some powerful effects—all of which will help you simplify your CSS.

Watch video

▶ VS Code Tips — How to solve all your CSS problems instantly

A quick tip outlining a hidden Visual Studio Code option that will, when enabled, solve all your CSS problems immediately. (Or not.)

Watch video

▶ How To Hide Files and Folders From Visual Studio Code Sidebar

A quick tip showing you how to hide files and folders from VS Code Sidebar (Files Explorer) and how to exclude files and folders only from search and quick open dialog.

Watch video

Articles & Tutorials

Dark Mode in 3 Lines of CSS and Other Adventures

Mads Stoumann shows a simple way you can implement dark mode. (And a while ago, I created a guide to colors-scheme property if you want to dig a bit deeper.)

Read more

Register custom properties in CSS, get and update them with JavaScript

Ollie Williams looks at two different ways to get the value of a CSS custom property and set or override the value of a custom property using JavaScript.

Read more

Vertical rhythm using CSS lh and rlh units

Paweł Grzybek outlines how to create vertical rhythm in your designs using lh and rlh units.

Read more

The Popover API is exciting, sort of

Alexander Grey explores how Popover API works.

Read more

Semantics and the popover attribute: what to use when?

Hidde de Vries looks at different semantics that could make sense for popover-behaved elements.

Read more

Promoted Link

Bear Blog

Bear Blog

A privacy-first, no-nonsense, super-fast blogging platform. No trackers, no javascript, no stylesheets. Just your words. Publish something awesome with your bear hands ᕦʕ •ᴥ•ʔᕤ

Start blogging today!

Tools

CSS Quizzes

A collection of quizzes that will help you improve your CSS skills.

Check it out

Realtime Colors

An online tool that will help you visualize your color palettes on a realistic example website.

Check it out

From Our Friends

Web Weekly — Your Friendly Web Dev Newsletter

Join more than 3.7k readers and have a good time while learning about web fundamentals, latest browser technologies and new tools.

Subscribe

Inspiration

Atom Preloader

Atom Preloader

Jon Kantner created a beautiful animated (carbon-13) atom comprised of SVG electron orbits and “3D” CSS protons and neutrons.

Get inspired

Until Next Week

Thank you so much for reading!

If you want to support this newsletter and my work, check out my other CSS-related projects, and consider buying or subscribing:
• CSS Weekly YouTube Channel
• CSS Stickers
• Mastering Prettier & Stylelint Course

Happy coding,
Zoran Jambor

Issue #549 Issue #551

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.