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.
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.
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.
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.
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.
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.
Miriam Suzanne explores in detail the three types of browser (and CSS!) magnification.
Ahmad Shadeed takes a fresh look at the CSS grid template areas and discusses how to maximize their potential today.
Andrey Sitnik explains why the new oklch()
notation for declaring colors is important for design systems and color palettes.
Philip Walton created a step-by-step guide showing how to use container queries with cross-browser fallbacks.
Jake Archibald gives a fascinating guide on making video with transparency work on the web.
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.
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!
HTMLrev by Devluc showcases carefully selected HTML templates for websites, landing pages, blogs, portfolios, e-commerce, and dashboards—all for personal and commercial projects.
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.
Adam Kuhn created a stunning CSS-only scroll-timeline, interactive demo.
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