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

Issue #472

September 9, 2021

Developer Decisions For Building Flexible Components

Developer Decisions For Building Flexible Components

Michelle Barker walks you through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.

Read more

Creating Accessible CSS Art

Creating Accessible CSS Art

Alvaro Montoro shares some tips and best practices to make CSS art more accessible for everyone.

Read more

From Our Sponsor

We speak your language: three days of learning, CSS, design, and more

We speak your language: three days of learning, CSS, design, and more

Spanning the spectrum from climate-conscious development to design beyond the screen, and from advanced CSS to inclusive design and development, An Event Apart Online Together: Fall Summit 2021 will give you deep insights into where we are now, and where things are going next.

Join us online October 11–13. Save $100 on any multi-day pass with promo code AEACSSW21.

See the detailed three-day agenda and register now.

Articles & Tutorials

Firefox’s bolder Default is a Problem for Variable Fonts

Šime Vidas outlines some intricacies with variable fonts in Firefox.

Read more

What’s New With DevTools: Cross-Browser Edition

Patrick Brosset explains what’s new with developer tools in Firefox, Edge, Chrome, and Safari.

Read more

Three Fun Uses For ::before and ::after

Kevin Powell demonstrates how can before and after pseudo-elements be used in three different ways.

Read more

Element Diversity

Manuel Matuzovic offers some thoughts on why the div element is mostly overused.

Read more

On the dl Element

Ben Myers looks at the semantics of the <dl> element.

Read more

Promoted Link

Master the Skill of Debugging CSS

Master the Skill of Debugging CSS

Ahmad Shadeed wrote a book full of tips and techniques on how to debug CSS, which will help you significantly reduce the time you spend on debugging and fixing CSS bugs.

Use the coupon code “cssweekly” at checkout to get a 15% discount.

Buy now

Tools

Wavy Dividers Generator

An online tool to easily generate wavy dividers.

Check it out

Vytal

Vytal is an online tool that shows you what traces your browser leaves behind while surfing the web. It demonstrates how easy it is to identify and track your browser even while using private mode.

Check it out

Inspiration

Light/Dark Moon Emoji Toggle (in CSS)

Light/Dark Moon Emoji Toggle (in CSS)

Inès created a stunning emoji toggle using CSS.

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 #471 Issue #473

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.