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

Issue #558

August 30, 2023

Four New CSS Features for Smooth Entry and Exit Animations

Four New CSS Features for Smooth Entry and Exit Animations

Una Kravets and Joey Arhar outline new CSS capabilities that enable smooth transitioning of discrete animations.

Read more

A Future of Themes with CSS Container Style Queries

A Future of Themes with CSS Container Style Queries

Christopher Kirk-Nielsen explores different ways to implement themes on a website with style queries.

Read more

From Our Sponsor (via Paved)

The marketer’s guide to composable content by Contentful

The marketer’s guide to composable content by Contentful

Grab this marketer-accessible guide on how to refine your content strategy to better support leading omnichannel, personalization, and design methodologies. Composable content empowers marketers to source and build new content with existing content elements from all over the company.

Download Now

Articles & Tutorials

A Few Interesting Ways To Use CSS Shadows For More Than Depth

Preethi experiments with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows.

Read more

Bézier Curves

Richard Ekwonye explains the logic behind Bézier Curves used in CSS animations and visual elements.

Read more

Scroll-Based 3D Cards

Kushagra Gour shows how you can simulate cards with 3D depth based on scrolling using the newly arrived scroll-based animations.

Read more

CSS Selectors: A Visual Guide

Sébastien Noël created a visual guide to the most popular CSS selectors.

Read more

Tabs Are Objectively Better Than Spaces

Chris Ferdinandi outlines two reasons why tabs are better than spaces. (And I did a short video on the subject a while ago showing the difference between tabs and spaces in MacOS VoiceOver.)

Read more

Promoted Link

Bear Blog

Bear Blog

A privacy-first, no-nonsense, super-fast blogging platform. No trackers, no javascript, no stylesheets. Just your words. Publish something awesome with your bear hands ᕦʕ •ᴥ•ʔᕤ

Start blogging today!

Tools

Iconbuddy

Iconbuddy is a powerful icon search engine and manager that allows you to search, download, customize, and edit over 180k+ open-source icons.

Check it out

Hicon

Hicon is a simple vector icon pack realized in Figma and crafted for designers and developers.

Check it out

Inspiration

Solar Eclipse (Pure CSS)

Solar Eclipse (Pure CSS)

Yoav Kadosh created a stunning CSS animation with 18 layers of linear, radial & conic gradients.

Get inspired

Until Next Week

Thank you so much for reading!

If you want to support CSS Weekly, please check out one of my other CSS-related projects:
• Course Mastering Prettier & Stylelint
• CSS Weekly’s YouTube Channel
• CSS Stickers Pack
• Inspiration Bits Newsletter

Happy coding,
Zoran Jambor

Issue #557 Issue #559

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.