Issue #521

Manuel Matuzović describes how to build accessible main navigation of a website. You’ll learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.

Temani Afif shows how HTML and CSS can handle the logic of an entire online game without the checkbox hack.

An Event Apart Denver 2022 is the place to be inspired, learn new techniques, connect with your peers, and learn from some of the top experts in the industry. Join us October 10–12 for fifteen enlightening sessions on new CSS features, design system tooling, accessibility, responsive animation, global design, allying UX with SEO, and more. As a CSS Weekly subscriber, you can save $100 on any multi-day pass with promo code AEACSSW22.

Chen Hui Jing outlines different techniques to create overlapping elements.

Elliot Dahl offers some advice on defining baseline grids, column grids, spacing, and layouts.

Jen Simmons outlines the new features available in Safari 16.

Marko Denic gives a short introduction to the line-height property, including accessibility recommendations.

Austin Gil shows how to access the user’s camera using the capture attribute.

CSS Scan is the fastest and easiest way to check, copy, and edit CSS. Goodbye to “Inspect Element” — Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

Lightning CSS is an extremely fast CSS parser, transformer, bundler, and minifier.

JSON Hero is an online tool that makes reading and understanding JSON files easy by giving you a clean and beautiful UI packed with extra features.

Ben Evans created another stunning piece of CSS art.