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.
Umar Hansa created a guide covering some modern web performance features of Chrome DevTools, focusing on the new experimental Performance Panel features.
Kevin Powell gives an excellent tip to help you deal with weird z-index
glitches when working with CSS Transitions.
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.
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.
Chris Coyier explains that you can limit how far the background-image
of an element applies by using background-clip
.
Andrew Walpole shares some tips on writing better CSS.
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.
Eric Bailey outlines all the different actions you can perform with keyboard interaction when an anchor element is focused.
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.
Style-Observer is a MutationObserver for CSS, a library that allows you to attach JavaScript callbacks to changes in computed values of CSS properties.
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.
あしざわ created a stunning, animated illustration using only CSS.
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