New

Issue #633

Understand the fundamentals of CSS Layout, learn how stacking contexts work, why you should use the HTML autocomplete attribute on fields for 2FA, and more.

Headlines

Understanding the fundamentals of CSS Layout

Kilian Valkhof gives a fantastic deep dive into the fundamentals of CSS layout.

Unstacking CSS Stacking Contexts

Gabriel Shoyombo explains how stacking contexts works, what controls the stacking order, and practical approaches to “unstack” elements when needed.

From Our Sponsor

12 Top Web Design Tools and Resources for 2026 – AI and Creative Picks

???? Power Up Builds with CSAI + Pro + Cornerstone — Bring AI directly into WordPress and the Cornerstone Builder to generate copy, code, images, and more without leaving the builder. The ultimate all-in-one solution for building impressive, custom websites.

⚡ Design Faster with Blocksy — A lightweight, modular WordPress theme that gives designers speed, flexibility, and full WooCommerce support out of the box.

???? Build Instantly with Mobirise AI — Generate complete websites from a single prompt using an AI-powered, no-code builder made for rapid launches and prototyping.

???? Create High-End Sites with Uncode — A creative WordPress theme packed with advanced layouts, animations, and design tools for premium client projects.

???? Identify Fonts with WhatFontIs — Upload any image and instantly get accurate font matches, usable alternatives, and licensing details in seconds.

✨ Animate with Slider Revolution — Design stunning sliders, hero sections, and interactive animations using a powerful visual editor and modern templates.

Quick Tips

How to debug @starting-style at-rule in Chrome DevTools

A quick tip showing how to debug the Starting Style at-rule in Chrome DevTools.

Use HTML “autocomplete” attribute for one-time codes and web authentication

A short reminder that you should use the HTML autocomplete attribute on fields for 2FA, one-time codes, and web authentication.

Try text scaling support in Chrome Canary

Josh Tumath explains what the "text-scaling” meta tag is, and how you can use it to improve accessibility.

Anchor Interpolated Morph (AIM)

Adam Argyle gives an introduction to a new CSS transition technique: Anchor Interpolated Morphing (AIM).

How Web Performance Impacts User Experience

Matt Zeunert explains how website speed impacts user experience and how you can measure performance and business outcomes.

Lowering the specificity of multiple rules at once

Manuel Matuzović shares a tip on how to easily lower the specificity of multiple rules using cascade layers.

Responsive Hexagon Grid Using Modern CSS

Temani Afif demonstrates how to create a repeating grid of hexagons using modern CSS features.

CSS Weekly covers CSS. Web Weekly covers the rest.

HTML, JavaScript APIs, browser updates, and web standards — stay up-to-date with the web platform! No npm install required.

ReliCSS

ReliCSS is a client-side CSS analyzer that detects outdated CSS hacks, IE6-9 patterns, and deprecated vendor prefixes.

Avatune

Avatune is a production-ready avatar system with AI-powered generation and framework-native components. Works seamlessly with React, Vue, Svelte, and Vanilla JavaScript.