YouTube Channel
Archives
Supporters
Submit a link
Advertise
Contact

Issue #524

October 6, 2022

State of CSS 2022 Survey is Now Open

State of CSS 2022 Survey is Now Open

The annual developer survey about the latest trends in CSS is now open. Make sure to fill it out so we can all understand better where we are and where we’re going.

:has() Opens Up New Possibilities With CSS

:has() Opens Up New Possibilities With CSS

Kevin Powell looks at some of the different things that :has() pseudo-class makes possible, from theming to counting children.

From Our Sponsor

Join Retool’s developer preview event

Join Retool’s developer preview event

No more one-off scripts, CRON jobs, or ETL tasks. Reclaim your time and build automation like a developer. Join Retool’s Developer Preview to see what we’ve built—and how to get access.

Reserve your spot

CSS Weekly on YouTube

6 Mind-Blowing CSS Only Games

I give a quick look behind the scenes of 6 incredible games created with CSS only—from adventure games and puzzles, all the way to a 3d shooter.

Articles & Tutorials

6+5 Ways To Make a Two-Column Layout: From Pretty Reasonable To Completely Wrong

Vadim Makeev explores various ways to create a simple two-column layout.

Generating Random Numbers in CSS

Kacper Kula explores using random values to generate ranges of numbers and colours.

Performance Budgets: The Easiest Way to a Faster Site

Karolina Szczur explains how to set performance budgets to meet and maintain your speed goals.

VS Code Timeline Restores Lost Work That Git Can’t

Austin Gil shows how VS Code Timeline can take snapshots of different save points of a file, which can help you rescue lost work even when Git may not be able to.

A Details Element as a Burger Menu Is Not Accessible

Gerardo Rodriguez explains that details /summary elements come with accessibility issues, so they aren’t an inclusive solution.

Promoted Link

Mastering Prettier & Stylelint

Get in-depth knowledge of Prettier & Stylelint and take your linting skills to the next level. You and your team will be glad you did.

Tools

SVG Path Morph

SVG Path Morph is a simple library for smoothly morphing between variations of SVG paths.

Pie Chart Maker

Pie Chart Maker is a simple online tool to create a Pie Chart that you can download as jpg, png, or svg.

Inspiration

Single Div CSS Dried Flowers

Single Div CSS Dried Flowers

Lynn Fisher created a stunning illustration using only CSS.

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #523 Issue #525

Follow CSS Weekly

5,000 Subscribers

16,000 Followers

500 Subscribers

5,000 Subscribers

16,000 Followers

500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.