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

Issue #586

May 14, 2024

Introducing "Unleash the power of Scroll-Driven Animations" 

Introducing

Bramus Van Damme created a 10-part video course to help you learn all about scroll-driven animations using CSS or JavaScript.

Read more

Misconceptions About CSS Specificity

Misconceptions About CSS Specificity

Bramus Van Damme shares a list of misconceptions about Specificity in CSS.

Read more

From Our Sponsor

WorkOS: modern auth for B2B SaaS apps

WorkOS: modern auth for B2B SaaS apps

WorkOS supports both the foundational auth as well as more complex enterprise features like single sign-on (SSO).

It provides flexible and easy-to-use APIs, helping companies like Vercel, Loom, and Webflow offer enterprise-grade auth.

Best of all, WorkOS User Management supports up to 1 million MAUs for free.

Get started for free

CSS Weekly on YouTube

▶ CSS Gradient Text Styles

▶ CSS Gradient Text Styles

A quick tip showing you how to easily create gradient text styles and gradient text outlines with a few lines of CSS. Even though the vendor prefix is required, this is supported in all modern browsers.

Watch video

Articles & Tutorials

Alternating Style Queries

Roman Komarov shows a neat technique of alternating between different backgrounds or themes on nested elements.

Read more

Handling The Indentation of a Treeview Component

Ahmad Shadeed offers some advice on handling indentation in treeview components.

Read more

Time-Based CSS Animations

Yuan Chuan showcases a time-based way of animation using CSS Math functions.

Read more

The New !important

Geoff Graham examines an interesting technique of increasing specificity.

Read more

Long Alt

Adrian Roselli gives some advice on crafting useful alt text.

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

Free-For-Dev

An extensive list of software (SaaS, PaaS, IaaS, etc.) and other offerings with free developer tiers.

Check it out

Cally

Cally is a set of lower-level building blocks for accessible, themable, localizable, and accessible calendar components.

Check it out

Inspiration

Split Pyramid

Split Pyramid

Amit Sheen created another stunning animation using just CSS.

Get inspired

Until Next Week

If you’re ever wondering which framework or library (CSS or not) to pick up to extend your knowledge, consider taking a step back and exploring the core concepts of the web platform.

There are so many interesting and useful techniques, properties, and concepts landing in browsers you can pick up and start using pretty-much immediately in your projects.

Like multi-keyword display property, the inert attribute that you probably should be using instead of pointer-events, or native CSS toggle switch.

Best of all, digging into those concepts will also help you get up to speed with any framework you might need faster.

Happy coding,
Zoran Jambor


PS. If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly Patreon
• CSS Weekly YouTube Channel
• Mastering Linting

Issue #585 Issue #587

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.