Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture.
Eric A. Meyer shares a practical use case for CSS anchor positioning, which lets you absolutely position an element in relation to any other element anywhere in the DOM.
Learn how to scale and crop images with CSS in this blog post. You’ll find code snippets and examples for different image formats and scenarios. Whether a beginner or an expert, this blog will help you master image scaling and cropping with CSS.
A hands-on guide to Visbug, a browser extension that will help you prototype in the browser visually as if you were working with a design tool like Figma or Photoshop. VisBug makes it much easier for you to verify design details in production.
Articles & Tutorials
Bramus Van Damme shows how to selectively style an element based on it being scrollable or not.
Temani Afif demonstrates how CSS masks combined with gradients allow you to create fancy hover effects on images — with efficient, reusable code.
Andy Bell shares an updated version of a CSS Reset, along with a breakdown explaining every rule.
Bramus Van Damme gives a nice introduction to
@scope, a way to scope the reach of your CSS selectors.
Zell Liew outlines the limitations of scoped CSS that can be found in major frameworks like React, Vue, Svelte, and Astro.
Chat with your enterprise databases using secure generative AI and empower business users in your team to do their own data analyses in seconds.
Scroll-Driven Animations Debugger is a DevTools extension to visualize and debug Scroll-Driven Animations.
An online tool to get thumbnail images from any public video URL via API or browser.
Alexis Mora Angulo created a lovely, animated piece of CSS art.
Until Next Week
Thank you so much for reading!
And 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.