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

Issue #526

October 19, 2022

Container Queries: Style Queries

Container Queries: Style Queries

Bramus Van Damme explains how Style Queries allow you to query computed values of the container.

Read more

CSS-Only Type Grinding: Casting Tokens (sm|md|etc) into Useful Values

CSS-Only Type Grinding: Casting Tokens (sm|md|etc) into Useful Values

Jane Ori explains how to use CSS-only Type Grinding to allow your design tokens written in your CSS to be transformed into any other values without relying on JavaScript.

Read more

From Our Sponsor

Meet Kalix by Lightbend!

Meet Kalix by Lightbend!

Get right to the business logic with Kalix. Why deal with all time-eaters around deploying and scaling if you don’t have to? See for yourself. A free Kalix trial will make you a believer.

Learn More

CSS Weekly on YouTube

Hands-On Guide to Color Fonts and @font-palette-values

Hands-On Guide to Color Fonts and @font-palette-values

A practical guide to color fonts (COLRv1 font format) available on Google Fonts, covering everything from figuring out which color palettes are available in a font to using @font-palette-values in your CSS.

Watch video

Articles & Tutorials

CSS Halftone Patterns

Michelle Barker demonstrates how to create halftone patterns using CSS.

Read more

Upgrading colors to HD on the web

Bramus Van Damme shows how you can use richer colors on devices that support them.

Read more

SVG sprites: old-school, modern, unknown, and forgotten

Vadim Makeev revisits the SVG sprites technique and explores other less-known options and how they might be useful.

Read more

A Pure CSS Gallery Focus Effect with :not

Krzysztof Gonciarz shows how to use :not() to add styles to all elements inside the container but not the hovered one.

Read more

Learn Accessibility

Carie Fisher created an in-depth, evergreen accessibility course and reference.

Read more

Promoted Link

Manage your business’s Apple devices with Jamf

Manage your business’s Apple devices with Jamf

Check out the Jamf Now mobile device management (MDM) solution, an Apple-only platform empowering employers to manage iPhones, Macs, iPads and Apple TVs at scale. Streamline your device management today with a free account including three devices.

Learn more

Tools

Satori

Satori is a library that converts HTML and CSS to SVG.

Check it out

Vanilla Colorful

Vanilla Colorful is a tiny framework agnostic color picker.

Check it out

Inspiration

Dance Morph - CSS

Dance Morph - CSS

Josetxu López Barajas created a beautiful CSS-only animation.

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 #525 Issue #527

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.