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

Issue #530

November 17, 2022

The Evolution of Scalable CSS

The Evolution of Scalable CSS

A deep dive into the problems with scaling CSS on large projects.

Read more

Masked Gradient Dashed Lines

Masked Gradient Dashed Lines

Eric A. Meyer shows how CSS Masks let you break up the rectangularity of elements, which can go a long way toward making designs feel more alive.

Read more

From Our Sponsor

No more one-off scripts or fragmented cron jobs. Automate faster with Retool Workflows.

No more one-off scripts or fragmented cron jobs. Automate faster with Retool Workflows.

Retool Workflows is a fast way to create cron jobs, custom alerts, and ETL tasks built specifically for developers—no need to provision infrastructure or maintain one-off scripts. Start automating business processes 10x faster with Retool Workflows.

Learn More

CSS Weekly on YouTube

The Easiest Way To Get Started With CSS Grid

The Easiest Way To Get Started With CSS Grid

A simple, straightforward guide to CSS Grid using grid-template-areas property to visually set the grid structure. It will give you the confidence to start using CSS Grid comfortably while understanding the basics of creating grid layouts.

Watch video

Emulate Color Scheme in Chrome DevTools (prefers-color-scheme)

Learn how to easily emulate prefers-color-scheme media query in Chrome DevTools.

Watch video

Articles & Tutorials

The Math Behind Nesting Rounded Corners

Paul Heber explains how to add a little bit more polish to interfaces with rounded corners.

Read more

Style a parent element based on its number of children using CSS :has()

Bramus Van Damme demonstrates how to style elements based on the number of siblings they have using nth-child and how to style the parent element based on the number of children using :has().

Read more

Forgiving Selectors

Manuel Matuzovic outlines the difference between listing selectors in :where(), :is(), and :has() and listing them in a regular selector list.

Read more

Speedy CSS Tip! Animated Gradient Text

Jhey Tompkins shows how to make an animated gradient text effect with scoped custom properties and background-clip.

Read more

A Guide To Keyboard Accessibility: HTML And CSS

Cristian Diaz covers a good set of practices and recommendations on using HTML and CSS to create a great experience for keyboard users.

Read more

Promoted Link

Fuel your creativity: three days of learning on CSS, design, and more

Fuel your creativity: three days of learning on CSS, design, and more

An Event Apart San Francisco 2022 is your best opportunity to learn important techniques to help you not only succeed today, but for years to come.

Fifteen of the world’s top experts will be sharing key insights on advanced CSS, UX best practices, performance and accessibility, rethinking design, front-end focus, improving your work life, and more.

As a CSS Weekly subscriber, you can save $100 on any multi-day pass with promo code AEACSSW22.

Join us December 12–14.

See the agenda and register today!

Tools

Trix

Trix is a rich text editor for writing messages, comments, articles, and lists. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

Check it out

Colorize

An online tool to colorize anything from old black and white photos, style your artworks, or give modern images a fresh look.

Check it out

Inspiration

CSS Mechanical Keyboard

CSS Mechanical Keyboard

Yoav Kadosh created an impressive demo using CSS and JavaScript.

Get inspired

Until Next Week

Thank you so much for reading!

If you still haven’t, check out my upcoming course Mastering Prettier & Stylelint. And use the coupon code SUBSCRIBER20 to get additional 20% off on the Masterclass package as a CSS Weekly subscriber.

Happy coding,
Zoran Jambor

Issue #529 Issue #531

Follow CSS Weekly

YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers
YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.