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

Issue #589

August 13, 2024

It’s Time To Talk About “CSS5”

It’s Time To Talk About “CSS5”

Brecht De Ruyte shares how the W3C CSS-Next community group is actively searching for better approaches for describing the evolution of CSS and identifying feature sets as effectively as we did with CSS3 in 2009.

Read more

Providing Type Definitions for CSS with @property

Providing Type Definitions for CSS with @property

Stephanie Eckles explains when and why traditional fallback values can fail and how @property features allow us to write safer, more resilient CSS custom property definitions.

Read more

From Our Sponsor

How I Cut 22.3 Seconds Off an API Call with Sentry

How I Cut 22.3 Seconds Off an API Call with Sentry

Struggling with slow API calls? 🕒 Dan Mindru walks through how he used Sentry’s Trace View to shave off 22.3 seconds from an API call that handles HTTP calls, file I/O, AI generation, and DB queries. Read the blog to learn how to identify bottlenecks and more.

Read the Blog

CSS Weekly on YouTube

▶ Highlight a button on Video Cue (YouTube Subscribe Button Animation)

▶ Highlight a button on Video Cue (YouTube Subscribe Button Animation)

Learn how to create an interaction with an HTML Video element where a call to action button glows when a keyword like “subscribe,” “sign up,” or “like” is mentioned.

Watch video

▶ Stunning Staggered CSS Animation/Transition on Page Load

▶ Stunning Staggered CSS Animation/Transition on Page Load

Find out how to create a stunning staggered fade-in animation on page load with pure CSS, using Transitions, @starting-style at-rule, and Custom Properties.

Watch video

Articles & Tutorials

Zoom, Zoom, and Zoom

Miriam Suzanne explores in detail the three types of browser (and CSS!) magnification.

Read more

CSS Grid Areas

Ahmad Shadeed takes a fresh look at the CSS grid template areas and discusses how to maximize their potential today.

Read more

OKLCH in CSS: Why We Moved From RGB and HSL

Andrey Sitnik explains why the new oklch() notation for declaring colors is important for design systems and color palettes.

Read more

How To Use Container Queries Now

Philip Walton created a step-by-step guide showing how to use container queries with cross-browser fallbacks.

Read more

Video With Alpha Transparency on the Web

Jake Archibald gives a fascinating guide on making video with transparency work on the web.

Read more

What Have I Been Up To

Transition to height: auto & display: none Using Pure CSS

Transition to height: auto & display: none Using Pure CSS

I’ve published the first article on the CSS Weekly blog on how to easily transition to intrinsic sizes and trigger transitions when an element receives its first style update using new CSS features.

Read more

Promoted Link

CSS Challenges Course on Scrimba

CSS Challenges Course on Scrimba

Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards, and more using pure CSS!

Enroll Now

Tools

HTMLrev

HTMLrev by Devluc showcases carefully selected HTML templates for websites, landing pages, blogs, portfolios, e-commerce, and dashboards—all for personal and commercial projects.

Check it out

UAParser.js

UAParser.js is the most comprehensive, compact, and up-to-date isomorphic JavaScript library for detecting a visitor’s Browser, Engine, OS, CPU, and Device type/model.

Check it out

Inspiration

Doom Scroll - Front End Conf 2024 Demo

Doom Scroll - Front End Conf 2024 Demo

Adam Kuhn created a stunning CSS-only scroll-timeline, interactive demo.

Get inspired

Until Next Week

If you’ve written an article, created a tool, recorded a video, or built something you think might be a good fit for CSS Weekly, smash reply and send me the link.

I’d love to read it, watch it, or try it out—and, of course, consider it for the next newsletter issue.

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 #588 Issue #590

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.