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

Issue #604

January 30, 2025

New capabilities for attr()

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.

Read more

Transitioning Top-Layer Entries And The Display Property In CSS

Transitioning Top-Layer Entries And The Display Property In CSS

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)

Read more

From Our Sponsor

Some Great Tools & Resources To Use in 2025

🏷️ 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.

CSS Weekly on YouTube

▶ Create Auto-Expanding Form Fields Using field-sizing CSS Property

▶ Create Auto-Expanding Form Fields Using field-sizing CSS Property

Find out how to easily create auto-expanding input and textarea form fields using the field-sizing CSS property.

Watch video

▶ How to set up a local testing server using Serve NPM package

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.

Watch video

Articles & Tutorials

Here’s Why Your Anchor Positioning Isn’t Working

James Stuckey Weber shares a simple checklist to help debug anchor elements.

Read more

Full-Bleed Layout with Modern CSS

Temani Afif digs deep into the idea of full-bleed layouts.

Read more

Pure CSS Mixin for Displaying Values of Custom Properties

Roman Komarov presents a native CSS mixin that will output various values as pseudo-elements.

Read more

Revisiting CSS Multi-Column Layout

Andy Clarke gives a fresh look at CSS columns for enhanced readability and design flexibility.

Read more

View Transitions Snippets: Keeping the page interactive while a View Transition is running

Bramus Van Damme shows a neat tip to keep the page interactive while a View Transition is running.

Read more

Sponsored Link

Level Up Your Coding Skills With Scrimba

Level Up Your Coding Skills With Scrimba

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.

Level Up Your Coding Skills »

Tools

SVG Spinners

Collection of open-source SVG-based spinners (CSS & SMIL).

Check it out

JSVectorMap

A lightweight JavaScript library for creating interactive maps and pretty data visualization.

Check it out

Inspiration

Dragon soaring through the sky, in pure CSS!

Dragon soaring through the sky, in pure CSS!

Christopher Kirk-Nielsen created an adorable dragon animation using only CSS.

Get inspired

Until Next Week

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

Issue #603 Issue #605

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.