Ahmad Shadeed created an in-depth interactive guide on enhancing the target size area of clickable UI elements like buttons, links, cards, and more.
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.
Rauno Freiberg, Henry Heffernan, Glenn Hitchcock, Alasdair Monk share how they built the new Vercel home page.
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.
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.
Articles & Tutorials
Brecht De Ruyte looks at the inner workings of
@property and uncovers some of the benefits.
Jhey Tompkins shows how you can create a stunning UI slider pretty much with just CSS.
Kevin Powell explores some subtle improvements you can add to your CSS Reset.
Emmanuel Odioko explores CSS Houdini’s definition, functionality, and use cases.
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.
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!
Pines is a library of animations, sliders, tooltips, accordions, modals, and more that can be copied and pasted into any Alpine or Tailwind project.
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.
Manoela Ilic shares some stunning experiments with on-scroll typography effects using SVG clip-paths.