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

Issue #583

March 28, 2024

A highly configurable switch component using modern CSS techniques

A highly configurable switch component using modern CSS techniques

Andy Bell shows how to build a highly configurable switch component using modern CSS, such as :has(), container queries, Logical Properties, and Custom Properties.

(The native switch component is coming to browsers sometime in the future. I demonstrate how native CSS switch works in this quick tip.)

Read more

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

George Martsoukos covers the challenges of working with the classic 100vh unit to make full-screen sections and discusses some alternative CSS units.

Read more

From Our Sponsor

The modern API for complex enterprise features like SSO and SCIM provisioning

The modern API for complex enterprise features like SSO and SCIM provisioning

WorkOS is the only auth provider your B2B SaaS app needs to start selling to enterprises. Flexible and easy-to-use APIs for auth, user identity, and audit logs means you can accelerate enterprise growth while focusing on building core features. It’s also free for the first 1 million MAUs.

Get Started

CSS Weekly on YouTube

▶ VS Code Tips - Fix Multiline Comments in CSS/HTML

▶ VS Code Tips - Fix Multiline Comments in CSS/HTML

Visual Studio Code tip showing you how to fix broken block comments behavior in CSS/HTML when toggling a comment adds a new comment instead of uncommenting the focused one.

Watch video

▶ Center ANYTHING in CSS With This Line of Code

A quick tip outlining how to easily center any content vertically (including block-level elements) in CSS using the align-content property.

Watch video

Articles & Tutorials

Creating Wavy Circles with Fancy Animations in CSS

Temani Afif shows how to create flower-like animated shapes using modern CSS. 

Read more

CSS Button Styles You Might Not Know

David Bushell shares a few lesser-known CSS styles that can enhance your buttons.

Read more

On popover accessibility: what the browser does and doesn’t do

Scott O’Hara explains exactly what accessibility is “built-in” when you use the popover attribute.

Read more

The Case for Design Engineers

Jim Nielsen outlines the value of design engineers.

Read more

Why should developers write? 3 reasons and 3 common blocks

Nina Torgunakova and Travis Turner explain how to start writing technical articles—and why it’s worth it in the first place.

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

Design Systems Database

A collection of best-in-class Design Systems with components and foundation references from top-tier tech companies and leading UI teams.

Check it out

Typed.js

Typed.js is a JavaScript library that allows you to create typing animations easily.

Check it out

Inspiration

Scroll-Driven Portal Layout

Scroll-Driven Portal Layout

Jhey Tompkins created a stunning demo showcasing the power of responsive scroll animations.

Get inspired

Until Next Week

Thank you so much for reading!

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 #582 Issue #584

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.