Issue #562

September 27, 2023

State of HTML 2023

This year, Lea Verou took on the formidable task of leading the design of a brand-new State of HTML survey, from content to UX and beyond. Take the survey and help us shape the evolution of the web platform.

Take State of HTML Survey

Expert CSS: The CPU Hack

Jane Ori shares a mind-bending hack for continuous crunching of data and re-evaluation of state.

Website Barriers from the World's Leading Brands

AudioEye scanned over 2 million web pages to uncover how top brands lack in digital accessibility and inclusive design. Discover key insights on web accessibility gaps and how to avoid them in our comprehensive report.

Read the report

CSS Weekly on YouTube

▶ CSS Terminology Demystified

Find out everything you need to know to get confident with basic CSS terminology, like declaration, declaration-block, statement, and more.

Watch video

Articles & Tutorials

Stop Lazy Loading Product and Hero Images

Jason Grigsby explains why you’re better off not implementing lazy loading at all than implementing it incorrectly.

Introducing Web Sustainability Guidelines

Tzviya Siegman announces a draft Community Group Report on Sustainable Web Design that explains how to design and implement digital products and services that put people and the planet first.

Nesting in CSS

Ryan Finni shares a brief intro to the new CSS Nesting module.

CSS Findings From The Threads App: Part 2

Ahmad Shadeed takes another look at the Threads app and shares some interesting things he found along the way.

Laying out dots on a dice using display:flex & pseudo-classes

Maciek Fitzner shows how to use :nth-child, :is, and :not to display dots on a dice.

Practice your JavaScript

Test your knowledge and improve your JavaScript level with bite-sized, tested and vetted exercises. 100+ exercises (free and paid) to practice randomly. Regrouped in quizzes or by theme (basics, object-oriented, promises).

Practice your JavaScript

Tools

Clack

Clack is a tool that will help you build beautiful, interactive command-line applications.

Check it out

Histogram Maker

Histogram Maker is an online tool that allows you to create histograms, which are graphical representations of data distribution.

Check it out

Inspiration

Pure CSS - Holographic Death Star

An absolutely brilliant, animated CSS-only demo of a holographic Death Star.

Get inspired

Until Next Week

Thank you so much for reading!

If you want to support this newsletter and my work, check out my other CSS-related projects:
• CSS Weekly YouTube Channel
• CSS Stickers

And if you still haven’t, check out my upcoming course Mastering Prettier & Stylelint. And use the coupon code SUBSCRIBER20 to get additional 20% off on the Masterclass package as a CSS Weekly subscriber.

Happy coding,
Zoran Jambor

Issue #561 Issue #563