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

Issue #429

September 30, 2020

Linearly Scale font-size with CSS clamp() Based on the Viewport

Linearly Scale font-size with CSS clamp() Based on the Viewport

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().

Read more

MDN Browser Compatibility Report

MDN Browser Compatibility Report

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.

Read more

From Our Sponsor

Learn what’s next in web design

Learn what’s next in web design

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.

See the full agenda and register now.

Articles & Tutorials

Accessible Animation

Una Kravets demonstrates how to use the “prefers-reduced-motion” media query to progressively enhance animation.

Watch video

Declarative Shadow DOM

Jason Miller and Mason Freed give an introduction to Declarative Shadow DOM, a new way to implement and use Shadow DOM directly in HTML.

Read more

One of My Favourite Accessibility Testing Tools: The Tab Key

Manuel Matuzovic explains what you can learn about the accessibility of a website by only using the keyboard for navigation.

Read more

How to Make Semitransparent Layers Backgrounds Without Affecting the Text Using CSS

Chris Ferdinandi demonstrates how to make semitransparent layer backgrounds without affecting the text using CSS.

Read more

Support CSS Weekly

Become a CSS Weekly MVP

Become a CSS Weekly MVP

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.

Become a Supporter

Tools

CSS Values

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.

Check it out

RunJS

RunJS is a native-app JavaScript playground that auto-evaluates your code as you type and outputs the results to a console pane.

Check it out

Inspiration

CSS 3D Chess Board Model with Pieces ♟️

CSS 3D Chess Board Model with Pieces ♟️

Shadow Scientist made a stunning illustration of a chessboard with pieces and 3d camera simulation.

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #428 Issue #430

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.