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

Issue #611

May 1, 2025

Curved Box Cutouts in CSS

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.

Read more

Polishing Your Typography With Line Height Units

Polishing Your Typography With Line Height Units

Jen Simmons explains how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.

Read more

From Our Sponsor

Hoverify — All-in-One Browser Extension for Web Developers

Hoverify — All-in-One Browser Extension for Web Developers

Supercharge your web development workflow with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.

Try it today!

CSS Weekly on YouTube

▶ Is This CSS or TypeScript?

▶ Is This CSS or TypeScript?

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.

Watch video

▶ How To Build Complex Mega-Menus Easily Using Blocksy WordPress Theme

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.

Watch video

▶ Frontend News #14: paint-order, border-image, Properly Sizing Images

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.

Watch video

Articles & Tutorials

Good vs Great Animations

Emil Kowalski shares a collection of practical tips to help you create better animations.

Read more

Time Travel with JavaScript

Jhey Tompkins showcases a powerful animation trick to create a 3D split-flap display.

Read more

Out of Order

Donnie D’Amato explains how trying to manipulate the order of things using CSS can often lead to hidden problems you might not notice.

Read more

The CSS @layer at-rule

Chris Ferdinandi gives a nice introduction to the @layer at-rule.

Read more

Focus Priming

Martin Underhill explains how you can use focus priming to check if something works for a screen reader user or keyboard-only user.

Read more

Sponsored Link

Level Up Your Coding Skills With Scrimba

Level Up Your Coding Skills With Scrimba

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.

Level Up Your Coding Skills »

Tools

State of Devs 2025

A new survey with a goal to gain a fuller picture of the developer ecosystem beyond purely technical trends.

Check it out

GSAP Is Now 100% Free

GSAP is a JavaScript animation library that allows you to effortlessly animate anything JS can touch, is now free for everyone.

Check it out

Inspiration

Boosting Up Your Creativity Without Endless Reference Scrolling

Boosting Up Your Creativity Without Endless Reference Scrolling

Marina Chernyshova suggests an alternative approach to boosting your creativity with the help of neuroscience.

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 on Buy Me a Coffee
• CSS Weekly on Patreon
• CSS Weekly YouTube Channel
• Mastering Linting

Happy coding,
Zoran Jambor

Issue #610 Issue #612

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.