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

Issue #497

March 23, 2022

Building a Loading Bar Component

Building a Loading Bar Component

Adam Argyle gives a foundational overview of how to build a color adaptive and accessible loading bar with the <progress> element.

Read more

Windows High Contrast Mode, Forced Colors Mode and CSS Custom Properties

Windows High Contrast Mode, Forced Colors Mode and CSS Custom Properties

Eric Bailey explains how modern CSS is a powerful piece of assistive technology that can help you create flexible, maintainable, and adaptive digital experiences.

Read more

From Our Sponsor

Build faster by actually using your components 🚀

Build faster by actually using your components 🚀

Hot out the oven! Omlet is a zero-config component registry and monitoring platform for front-end teams to drive design system adoption. Uncover all your reusable and custom components with analytics and explore how they are used in your product.

Get early access now

Articles & Tutorials

Website Themes and Color Schemes

Ryan Mulligan shows how to tailor site themes based on light and dark mode preferences.

Read more

Claymorphism: Will It Stick Around?

Adrian Bece explores if there is room for Claymorphism on the UI and how we can create this effect with CSS.

Read more

HTML and CSS in Emails: What Works in 2022?

Daniel Schwarz gives an overview of various HTML and CSS features and explains if you should (or shouldn’t) use them in email templates.

Read more

Deep Dive Into the CSS :where() function

Pelumi Akintokun shares an introduction to the :where() pseudo-class function.

Read more

Fun With the Dialog Element

Mark Otto gives a short introduction to the <dialog> element.

Read more

Promoted Link

Master the Skill of Debugging CSS

Master the Skill of Debugging CSS

A fantastic book by Ahmad Shadeed full of tips and techniques on how to debug CSS. It will help you significantly improve your CSS debugging skills.

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

Get it

Tools

Stylo

Stylo is an open-source WYSIWYG interactive editor for JavaScript with no dependencies.

Check it out

Magic Eraser

Magic Eraser is an online tool that removes unwanted things from your images.

Check it out

Inspiration

CSS Blossoming Flowers at Magical Night

CSS Blossoming Flowers at Magical Night

Md Usman Ansari created a stunning, animated illustration 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 #496 Issue #498

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.