
mask-image Lets You Do Some Really Cool Stuff
Kevin Powell shows how to add some creativity to your designs with mask-image
CSS property.
Digging Deeper Into Container Style Queries
Geoff Graham explores the more nuanced aspects of Container Style Queries.
From Our Sponsor (via Paved)
Looking for a new way to cut UX friction? Try CommandBar!
Today’s users expect hyperfast consumer experiences. Yet many web apps still force users to wade through “menu hell” to find the right content. CommandBar takes users from intent to action faster. Deliver onboarding nudges, effective search, and relevant help content with one blazingly-fast widget.
CSS Weekly on YouTube
Top 7 Visual Studio Code Extensions for CSS
A brief look at the best VS Code extensions for working with CSS.
Tabs vs Spaces
Should you use tabs or spaces? It might seem irrelevant which option you chose, but tabs are actually more accessible and, therefore, a better option.
Articles & Tutorials
Three CSS Tips for Working With Inconsistently Sized Logos
Wes Bos shares three quick-tips for working with images.
Managing CSS Styles in a WordPress Block Theme
Ganesh Dahal explores how styling works in WordPress.
Newer Things to Know About Good Ol’ HTML Lists
Daniel Schwarz outlines a few “newer” things you should know when working with lists.
Positioning Notification Messages With Accessibility in Mind
Christian Heilmann shares some advice on creating more accessible notification messages.
Accessible Front-End Patterns For Responsive Tables
Adrian Bece explores various patterns for creating responsive and usable tables for smaller screens.
What have I been up to
CSS Stickers!
I still have a major itch to release a sticker set (CSS themed, of course).
If you’re even remotely interested, please sign up on stickers.css-weekly.com to get updates related to CSS Stickers (and only CSS Stickers).
Tools
Screen
Screen is an online tool to create screenshots of your app for product pages and more.
Glyphhanger
Glyphhanger is a web font utility belt that can subset web fonts and find unicode-ranges for you automatically.
Inspiration
Advent Calendar | 3d | CSS
Mark Boots created a stunning 3d advent calendar using CSS.
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
Go to Source of this post
Author Of this post: Zoran Jambor
Title Of post: Issue #533
Author Link: {authorlink}
More Stories
How Much Does It Cost to Make a High-Performing App in 2023 – [Examples Included]
Best JS rich text editors for 2023
How I Made My App 2.4x Faster Switching to Svelte