New capabilities for attr()

Una Kravets outlines how new attr()
capabilites allow you to reference colors, numbers, percentages, named values as custom identifiers, and more.
Una Kravets outlines how new attr()
capabilites allow you to reference colors, numbers, percentages, named values as custom identifiers, and more.
Brecht De Ruyte showcases two recent additions for working with CSS animations: @starting-style
and transition-behavior
.
(If you prefer a video explanation, check out my guide: Animate HTML Details & Summary Elements Using Pure CSS)
🏷️ Try Trafft White Label — The perfect solution for agencies and developers needing a powerful, client-ready booking system.
🕒 Simplify Scheduling with Amelia — Easy to set up and use, Amelia automates the entire booking process from scheduling to reminders and follow-ups.
🗺️ Explore MapSVG’s Features — Transform SVG maps and images into interactive, data-driven visualizations with zero coding required.
📊 Use wpDataTables Free — Build dynamic tables and charts effortlessly with responsive designs and seamless WordPress integration.
🎨 Get Uncode for Stunning Designs — Its modern design, fluid layouts, and emphasis on visuals make it a go-to for high-impact web experiences.
🌟 Create Magic with LayerSlider — Add next-level animations, parallax effects, and interactive elements to captivate your audience.
Find out how to easily create auto-expanding input and textarea form fields using the field-sizing
CSS property.
A quick tip showing how to set up a simple local testing environment for simple web apps, static files, and more using the NPM package Serve.
James Stuckey Weber shares a simple checklist to help debug anchor elements.
Temani Afif digs deep into the idea of full-bleed layouts.
Roman Komarov presents a native CSS mixin that will output various values as pseudo-elements.
Andy Clarke gives a fresh look at CSS columns for enhanced readability and design flexibility.
Bramus Van Damme shows a neat tip to keep the page interactive while a View Transition is running.
Level up your coding skills and build awesome projects in a variety of languages and frameworks, including HTML, CSS, JavaScript, React, TypeScript, and more.
For a limited time, you can get an exclusive discount if you upgrade to Scrimba Pro to get access to all of their courses.
Collection of open-source SVG-based spinners (CSS & SMIL).
A lightweight JavaScript library for creating interactive maps and pretty data visualization.
Christopher Kirk-Nielsen created an adorable dragon animation using only CSS.
Thank you so much for reading and for your continuous support!
If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly Patreon
• CSS Weekly YouTube Channel
• Mastering Linting
Happy coding,
Zoran Jambor