Curved Box Cutouts in CSS

Preethi Sam explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners, useful for visually demarcating supplementary elements or user controls in a card module.
Preethi Sam explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners, useful for visually demarcating supplementary elements or user controls in a card module.
Jen Simmons explains how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.
Supercharge your web development workflow with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.
A short (and hopefully sweet) reminder that CSS is becoming more and more powerful and that the new features are far from trivial and simple—making the condescending argument that CSS is not a programming language obsolete.
Find out how you can easily create advanced headers and footers, including sticky menus, action bars, mega dropdowns, and off-canvas menus, using the Blocksy WordPress theme.
Find out how to fix problems with -webkit-text-stroke, how powerful border-image property can be, why you should always properly size your images, how to easily convert PNGs to SVGs, and more.
Emil Kowalski shares a collection of practical tips to help you create better animations.
Jhey Tompkins showcases a powerful animation trick to create a 3D split-flap display.
Donnie D’Amato explains how trying to manipulate the order of things using CSS can often lead to hidden problems you might not notice.
Chris Ferdinandi gives a nice introduction to the @layer
at-rule.
Martin Underhill explains how you can use focus priming to check if something works for a screen reader user or keyboard-only user.
Level up your coding skills in a variety of languages and frameworks, from front-end to fullstack, courses on subjects Next, Express, Supabase, Vite, TypeScript, React, and more.
As a CSS Weekly reader, you will get a 20% discount if you upgrade to Scrimba Pro to get access to all of their courses.
A new survey with a goal to gain a fuller picture of the developer ecosystem beyond purely technical trends.
GSAP is a JavaScript animation library that allows you to effortlessly animate anything JS can touch, is now free for everyone.
Marina Chernyshova suggests an alternative approach to boosting your creativity with the help of neuroscience.
Thank you so much for reading!
If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly on Buy Me a Coffee
• CSS Weekly on Patreon
• CSS Weekly YouTube Channel
• Mastering Linting
Happy coding,
Zoran Jambor