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

Issue #475

September 29, 2021

CSS Container Query Units

CSS Container Query Units

Ahmad Shadeed explains how CSS query units work and where you can use them to enhance how a component reacts to its parent width.

Read more

Simplifying Form Styles With accent-color

Simplifying Form Styles With accent-color

Michelle Barker gives an introduction to the new CSS accent-color property, which makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles.

Read more

From Our Sponsor

Three days of essential design, code, and content coming to a device near you, October 11–13

Three days of essential design, code, and content coming to a device near you, October 11–13

We’re less than two weeks away from An Event Apart Online Together: Fall Summit 2021, a three-day conference with a focus on digital design, UX, content, code, and more.

This is your best opportunity to get deep insights into where we are now and where we’re going next. You’ll come away not only inspired, but ready to put new techniques and ideas immediately into practice.

Save $100 on any multi-day pass with promo code AEACSSW21.

Don’t miss out—see the detailed three-day schedule and register today!

Articles & Tutorials

One Last Time: Custom Styling Radio Buttons and Checkboxes

Scott O’Hara explains how to create stylized, accessible radio buttons and checkboxes.

Read more

How To Optimize CSS for Peak Site Performance

Craig Buckler shares some advice on optimizing CSS.

Read more

Twitter's div Soup and Uglyfied CSS, Explained

Giuseppe Gurgone looks at the reasons why the HTML produced by React Native for Web might look utterly ugly and full of bad practices.

Read more

How I Learnt To Stop Worrying And Love Animating The Box Model

Sam Thorogood shares some thoughts on animating an accordion.

Read more

Autocapitalization

Manuel Matuzović shows how to control how virtual keyboards capitalize words and characters by default.

Read more

Promoted Link

4TB of private, subscription-free cloud storage, now with 20% off

4TB of private, subscription-free cloud storage, now with 20% off

Are you tired of paying Dropbox a hefty monthly fee for your photos and videos? We were just like you and that’s why we built Cubbit: the only cloud service you only pay once.

And today you can get it with 20% off by using the discount code CSSWEEKLY20 at checkout. Do you really want to pay forever?

Get rid of subscriptions, switch to Cubbit

Tools

Motion One

Motion One is an animation library built on the Web Animations API for the smallest file size and the fastest performance.

Check it out

Theatre.js

Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.

Check it out

Inspiration

Product Showcase UI

Product Showcase UI

Aysenur Turk created an impressive and sleek animated product showcase.

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 #474 Issue #476

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.