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

Issue #591

September 3, 2024

Brand New Performance Features in Chrome DevTools

Brand New Performance Features in Chrome DevTools

Umar Hansa created a guide covering some modern web performance features of Chrome DevTools, focusing on the new experimental Performance Panel features.

Read more

▶ Easy Fix for a Very Annoying z-index Issue

▶ Easy Fix for a Very Annoying z-index Issue

Kevin Powell gives an excellent tip to help you deal with weird z-index glitches when working with CSS Transitions.

Watch video

From Our Sponsor

Adding intelligent search to your app shouldn't be hard

Adding intelligent search to your app shouldn't be hard

Don’t be overwhelmed gluing together a vector database, an embedding model, and your data. Hypermode provides a complete solution for launching AI-enabled search and recommendations APIs in days instead of months, built by the team who brought you Vercel, Astronomer, Sentry, and VS Code.

Learn More »

CSS Weekly on YouTube

▶ Frontend News #4: State of CSS 2024, Syntax Highlighting

▶ Frontend News #4: State of CSS 2024, Syntax Highlighting

Find out why you should take the State of CSS 2024 survey, if it’s possible to build syntax highlighting directly into a font, if CSS Grid is slower than Flexbox, and more.

Watch video

Articles & Tutorials

Backgrounds for the Box Model (and why it can be useful)

Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip.

Read more

Opinions for Writing Good CSS

Andrew Walpole shares some tips on writing better CSS.

Read more

Center Items in First Row with CSS Grid

Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last.

Read more

Basic Keyboard Shortcut Support for Focused Links

Eric Bailey outlines all the different actions you can perform with keyboard interaction when an anchor element is focused.

Read more

Promoted Link

Level Up Your Coding Skills With Scrimba

Level Up Your Coding Skills With Scrimba

Level up your coding skills and build awesome projects in a variety of languages and frameworks, including HTML, CSS, JavaScript, React, TypeScript, and more.

As a CSS Weekly reader, you will get a 20% discount if you upgrade to Scrimba Pro to get access to all of their courses—only valid for the next few hours.

Start Learning Today

Tools

Style-Observer

Style-Observer is a MutationObserver for CSS, a library that allows you to attach JavaScript callbacks to changes in computed values of CSS properties.

Check it out

CSS Compatibility

CSS Compatibility is a VS Code extension that allows you to check on hover which CSS syntax, keywords, types, or functions are compatible or supported across browsers.

Check it out

Inspiration

HTML&CSS MacBook

HTML&CSS MacBook

あしざわ created a stunning, animated illustration using only CSS.

Get inspired

Until Next Week

Web and web features are complex and ever-evolving, and while it’s tempting and exciting to ding into freshly released experimental features, remember that you can also dig into existing, boring features released a few decades ago.

You might be surprised by what you can find and how much you still have to learn about the web platform.

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 #590 Issue #592

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.