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

Issue #561

September 20, 2023

How Custom Property Values are Computed

How Custom Property Values are Computed

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.

Read more

Nuclear Anchored Sidenotes

Nuclear Anchored Sidenotes

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.

Read more

From Our Sponsor

Scaling and cropping images with CSS is tricky but doable. Here is how.

Scaling and cropping images with CSS is tricky but doable. Here is how.

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.

Scale and crop images with CSS

CSS Weekly on YouTube

▶ VisBug — DevTools for Designers

▶ VisBug — DevTools for Designers

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.

Watch video

Articles & Tutorials

Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not

Bramus Van Damme shows how to selectively style an element based on it being scrollable or not.

Read more

Revealing Images With CSS Mask Animations

Temani Afif demonstrates how CSS masks combined with gradients allow you to create fancy hover effects on images — with efficient, reusable code.

Read more

A (more) Modern CSS Reset

Andy Bell shares an updated version of a CSS Reset, along with a breakdown explaining every rule.

Read more

A quick introduction to CSS @scope

Bramus Van Damme gives a nice introduction to @scope, a way to scope the reach of your CSS selectors.

Read more

Limitations of Scoped CSS

Zell Liew outlines the limitations of scoped CSS that can be found in major frameworks like React, Vue, Svelte, and Astro.

Read more

Promoted Link

Hal9: Chat with your data, get insights in seconds

Hal9: Chat with your data, get insights in seconds

Chat with your enterprise databases using secure generative AI and empower business users in your team to do their own data analyses in seconds.

Try it out

Tools

Scroll-Driven Animations Debugger (DevTools Extension)

Scroll-Driven Animations Debugger is a DevTools extension to visualize and debug Scroll-Driven Animations.

Check it out

Video Thumbnail API

An online tool to get thumbnail images from any public video URL via API or browser.

Check it out

Inspiration

Pure CSS Cat Responsive Animation | CSS Art

Pure CSS Cat Responsive Animation | CSS Art

Alexis Mora Angulo created a lovely, animated piece of CSS art.

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:
• CSS Weekly YouTube Channel
• CSS Stickers

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.

Happy coding,
Zoran Jambor

Issue #560 Issue #562

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.