Issue #573

January 10, 2024

Happy New Year!

I hope you have an excellent and unforgettable 2024!

Thank you for supporting CSS Weekly throughout 2023—from reading the newsletter, watching my videos on YouTube, taking my course Mastering Linting, and buying a CSS Stickers pack. It really means a lot and helps me put as much time and effort into CSS Weekly as possible.

In case you didn’t know, I’m also offering a way to support CSS Weekly directly via Patreon. Currently, 90 of you do this—thank you from the bottom of my heart.

I thought long and hard about this and realized I want to offer you more, so I completely revamped the membership tiers, adding many new perks you’ll get if you become a CSS Weekly Supporter.

You’ll find more about it on Patreon.

Thank you,
Zoran Jambor

Headlines

Designing Better Target Sizes

Ahmad Shadeed created an in-depth interactive guide on enhancing the target size area of clickable UI elements like buttons, links, cards, and more.

Rauno Freiberg, Henry Heffernan, Glenn Hitchcock, Alasdair Monk share how they built the new Vercel home page.

Build and launch a CSV import experience in a single sprint

OneSchema is an embedded CSV importer that automatically matches, validates, and cleans data for your users. With 50+ customization options for text styles, colors, and assets, OneSchema will fit right into your existing design system to create the perfect customer experience.

Get Started with OneSchema

CSS Weekly on YouTube

▶ CSS Stickers!

A short video introducing CSS Stickers—a beautiful set of stickers just for you to showcase your love for CSS and jump-start a conversation around CSS, accessibility, or any coding subject.

Watch video

Articles & Tutorials

Taking a Closer Look at @property in CSS

Brecht De Ruyte looks at the inner workings of @property and uncovers some of the benefits.

▶ CSS in 2024, Am I Right?

Jhey Tompkins shows how you can create a stunning UI slider pretty much with just CSS.

Watch video

▶ Under the Radar CSS Features for Your CSS Reset

Kevin Powell explores some subtle improvements you can add to your CSS Reset.

Watch video

Using CSS Houdini To Extend Styling and Layout Capabilities

Emmanuel Odioko explores CSS Houdini’s definition, functionality, and use cases.

How To Make External Links Accessible

Whitney Lewis explains why most external links should open in the same tab and shows how to make external links that open in new tabs more accessible.

Are you using the same platforms and apps? What have you stopped using and what are your pain points?

Take part in the most complete survey Developer Nation has ever created, shape the key trends for 2024 and win a goody bag and amazing prizes such as laptops, gifts cards and many more!

Start Here

Tools

Pines

Pines is a library of animations, sliders, tooltips, accordions, modals, and more that can be copied and pasted into any Alpine or Tailwind project.

Check it out

SVGPS

SVGPS is a library that converts your icons into a single JSON file that is ready to use in your frontend or mobile projects, available for React, Vue, Svelte, and more.

Check it out