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

Issue #582

March 15, 2024

A Global Design System

A Global Design System

Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components.

Read more

The Quiet, Pervasive Devaluation of Frontend

The Quiet, Pervasive Devaluation of Frontend

Josh Collinsworth examines the perceived devaluation of front-end development work.

Read more

From Our Sponsor

The only auth stack you need to sell to enterprise customers.

The only auth stack you need to sell to enterprise customers.

WorkOS provides easy-to-use APIs for your foundational auth as well as complex features like SSO and SCIM provisioning. It’s a drop-in replacement for Auth0 and supports up to 1 million monthly active users for free.

Join Vercel, Webflow, Loom, and hundreds of other scale-ups that rely on WorkOS.

Get Started

Articles & Tutorials

CSS for Printing to Paper

Ethan Dalool explains the basics of print stylesheets and shares some tips and tricks to help you optimize your webpages for print.

Read more

Creating Color Palettes With the CSS color-mix() Function

Michelle Barker examines how the color-mix() function can be a game-changer for your design process.

Read more

No Outer margin

Kyle Shevlin describes one of the most common antipatterns when building reusable components: a margin on the outermost element of a component.

Read more

The Fifty-Fifty Split and Overflow

Ryan Mulligan shows how to create a classic layout pattern where two elements occupy the same amount of inline space inside a row.

Read more

You Want border-color: transparent, Not border: none

Dave Rupert explains why, instead of removing the border from elements entirely, you should set the border-color to transparent instead.

Read more

What Have I Been up To

A Cool set of CSS Stickers?

A Cool set of CSS Stickers?

Do you already have your CSS Stickers set? If so, please take a photo and hit reply; I’d love to see how they look. And if you still don’t have your set, what are you waiting for? ;)

Get Your CSS Stickers Set

Tools

Gradientor

Gradientor is a minimalist radial background generator.

Check it out

Neat

Neat is a gradient animation generator with a wide range of customization options.

Check it out

Inspiration

Toggle Toothed (I)

Toggle Toothed (I)

Alvaro Montoro created an impressively creative toggle component.

Get inspired

Until Next Week

Don’t forget that there are more important things than CSS in life.

Make sure to spend some time away from the screen regularly; it’s good for you. And what’s good for you, it’s good for your CSS as well.

If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly Patreon
• CSS Weekly YouTube Channel
• Mastering Linting

Happy coding,
Zoran Jambor

Issue #581 Issue #583

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.