Issue #603

January 16, 2025

How to Wait for the sibling-count() and sibling-index() Functions

Juan Diego Rodríguez looks at two upcoming functions: sibling-count() and sibling-index().

Kilian Valkhof explains how to style elements that span multiple lines.

WordPress Plugins To Try Out in 2025

🚀 Try Brizy Website Builder — Build stunning websites effortlessly with Brizy’s drag-and-drop tools.

🕒 Simplify Scheduling with Amelia — Manage appointments easily with Amelia’s free version.

📊 Use wpDataTables Free — Organize and visualize your data with wpDataTables Lite.

🌟 Create Magic with LayerSlider — Animate your ideas beautifully using LayerSlider

🎥 Explore Slider Revolution’s Jaw-Dropping Templates — Create a website unlike any other.

🖌️ Try Fancy Product Designer — A web-to-print plugin that lets users customize products through an intuitive interface.

Articles & Tutorials

CSS light-dark()

Mayank gives a nice introduction to light-dark(), a new CSS function that returns one of two color values based on the current color scheme.

Tight Mode: Why Browsers Produce Different Performance Results

Geoff Graham explains what Tight Mode in browsers is, what triggers it, and how it is treated differently in major browsers.

Relatively New Things You Should Know about HTML Heading Into 2025

Chris Coyier points out a few new front-end features you should know about.

The :empty pseudo-class in CSS

Chris Ferdinandi shares a quick tip showing when :empty pseudo-class can be helpful.

Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers

Alexander Muzenhardt explains how to create accessible icon-only buttons.

CSSBattle — Interactive Way To Get Better at CSS

CSSBattle’s LEARN is the first-ever gamified CSS course targeted towards beginners, intermediates, and even experts. Each course consists of multiple levels which you play and learn – just like a game!

Let's Learn!

Tools

trimMiddle()

Christian Heilmann created a package that shortens strings in the middle and adds a filler char instead of trimming from the start or end.

Check it out

PureAnim

PureAnim is an online animation toolkit that simplifies SVG animation with intuitive controls and customizable timelines.

Check it out

Inspiration

Pure CSS 3D Cat

Julia Miocene created a stunning, animated 3d polygon cat using only CSS.

Get inspired

Until Next Week

Thank you so much for reading!

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 #602

CSS Stickers!

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