Pedro Rodriguez explores how to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior at different screen sizes more predictable using clamp().
In-depth research conducted by MDN with a goal to identify which individual features contribute the most to web developer pain points around browser compatibility.
An Event Apart Online Together: Fall Summit is a 3-day web design conference with an intense focus on digital design, UX, content, code, and more—featuring 18+ in-depth sessions from Sara Soueidan, Una Kravets, Miriam Suzanne, Val Head, and more, plus live Q&A with the speakers, and one-on-one conversations with special guests. You’ll get deep insights into where the industry is now and where it is headed next. Join us online October 26-28.
Save $100 on multi-day passes with promo code AEAOTCSSW.
Articles & Tutorials
Una Kravets demonstrates how to use the “prefers-reduced-motion” media query to progressively enhance animation.
Jason Miller and Mason Freed give an introduction to Declarative Shadow DOM, a new way to implement and use Shadow DOM directly in HTML.
Manuel Matuzovic explains what you can learn about the accessibility of a website by only using the keyboard for navigation.
Chris Ferdinandi demonstrates how to make semitransparent layer backgrounds without affecting the text using CSS.
As a supporter, you will get an ad-free newsletter, your profile will be shown on CSS Weekly’s website, and you will get a warm, fuzzy feeling knowing that you’re supporting your favorite newsletter.
CSS Values is a simple single page web app (SPA) that lets you search for almost any CSS property and get a simple list of possible values.
Shadow Scientist made a stunning illustration of a chessboard with pieces and 3d camera simulation.