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

Issue #525

October 12, 2022

Delightful UI Animations With Shared Element Transitions API

Delightful UI Animations With Shared Element Transitions API

Adrian Bece gives a fantastic, practical introduction to Shared Element Transitions API, a game-changing feature that enables you to create impressive UI animations easily. And make sure to check out the second part of this excellent article.

Read more

Layout Breakouts with CSS Grid

Layout Breakouts with CSS Grid

Ryan Mulligan shows how you can extend elements beyond the content area with CSS Grid & named grid lines.

Read more

From Our Sponsor

Privacy for your precious files and photos with Internxt secure cloud storage

Privacy for your precious files and photos with Internxt secure cloud storage

Open-source, end-to-end encrypted, and 100% private, Internxt is a cloud storage suite that puts you back in control of your data. It’s never been easier and safer to store, share and organize your files and photos. Enjoy fast upload and download speeds, plus total security and privacy. Sign up for a free 10GB account.

Get more storage with the code CSS25 for a 25% discount on Internxt annual subscriptions!

Sign up Today

CSS Weekly on YouTube

WebDev News #3: State of CSS, Color Fonts

WebDev News #3: State of CSS, Color Fonts

Find out why you should take the State of CSS 2022 survey, what are the reasons why one might not be excited about new CSS features, why color fonts are the next step in the evolution of web typography, and more.

Watch video

Use Firefox DevTools when working with CSS clip-path

A one-minute guide to using CSS Clip-Path Editor, available in Firefox DevTools.

Watch video

Articles & Tutorials

A CSS Class-Naming Convention Might Still Be Your Best Choice

Ben Frain reminds you that naming conventions, even in 2022, with Cascade Layers, Web Components, and more, might still be the most pragmatic and sensible choice for architecting your CSS codebase.

Read more

Debugging CSS, No Extensions Required

Kevin Powell demonstrates how to simplify debugging your CSS using different DevTools features.

Watch video

:where :is CSS?

Mustapha Aouas gives a nice, visual introduction to functional pseudo-class selectors :is() and :where().

Read more

Making a Real-Time Clock With a Conic Gradient Face

Brecht De Ruyte demonstrates how to make a watch face using the conic gradient.

Read more

Foundations: HTML Semantics

Henny Swan explores what HTML semantics are and how they’re experienced by people using assistive technologies like screen readers and speech recognition software.

Read more

Preorder My Course

Mastering Prettier & Stylelint

Mastering Prettier & Stylelint

Get in-depth knowledge of Prettier & Stylelint and take your linting skills to the next level. You and your team will be glad you did.

View more

Tools

Loading Disco

Loading Disco is a lovely, stylish alternative to the loading spinner.

Check it out

Animate CSS Grid

Animate CSS Grid allows you to seamlessly animate all CSS grid properties, including grid-column, grid-row, grid-gap, and grid-template-columns.

Check it out

Inspiration

Animated Star Rating

Animated Star Rating

Jon Kantner created a beautiful star rating component where stars pop out one by one if you choose a higher rating.

Get inspired

Until Next Week

Thank you so much for reading!

If you still haven’t, check out my upcoming course Mastering Prettier & Stylelint. And use the coupon code SUBSCRIBER20 to get additional 20% off on the Masterclass package as a CSS Weekly subscriber.

Happy coding,
Zoran Jambor

Issue #524 Issue #526

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.