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

Issue #516

August 11, 2022

@container and :has(): two powerful new responsive APIs landing in Chromium 105

@container and :has(): two powerful new responsive APIs landing in Chromium 105

Una Kravets explains how container queries and :has() selector can help you create responsive interfaces.

Read more

:has(): the family selector

:has(): the family selector

Jhey Tompkins gives a nice introduction to :has() selector.

Read more

From Our Sponsor

Retool is the fast way to build internal tools.

Retool is the fast way to build internal tools.

Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows. Get started for free today.

Learn More

Articles & Tutorials

Light/Dark Mode

Sara Wallén explains how to create a light/dark mode switcher.

Read more

Not All Zeros are Equal

Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code.

Read more

The horizontal overflow problem

Chen Hui Jing gives some advice on avoiding the horizontal overflow problem.

Read more

How I Added Scroll Snapping To My Twitter Timeline

Šime Vidas shares how CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation.

Read more

How Our Organization Improved Web Accessibility (Case Study)

Catherine Houle and Ilknur Eren share how their organization removes barriers for people who learn and think differently by combining accessibility and usability in their processes.

Read more

Promoted Link

Looking to up your UX design game?

Looking to up your UX design game?

Join us at An Event Apart Denver this coming October 10–12 for our first in-person event since 2019.

Topics will include new CSS features, design system tooling, accessibility, responsive animation, global design, and allying UX with SEO, with speakers including Rachel Andrew, Chris Coyier, Dave Rupert, Jason Grigsby, Miriam Suzanne, Preston So, Val Head, and Wil Reynolds.

Sign up on or before August 15 to take advantage of Early Bird pricing.

Tools

Announcing Docusaurus 2.0

Docusaurus is a static site generator that helps you ship beautiful documentation websites in no time.

Check it out

Random Users

Random Users is a tool that allows you to generate random user profile pictures and names and use them as placeholders for your prototypes and design projects.

Check it out

Inspiration

Pure CSS Woman with Long Hair

Pure CSS Woman with Long Hair

Asyraf Hussin created a stunning illustration using just 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 #515 Issue #517

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.