Issue #455

April 14, 2021

Say Hello To CSS Container Queries

Ahmad Shadeed explains why we need container queries and how they will help you create more powerful components and layouts.

Modern CSS Upgrades To Improve Accessibility

Stephanie Eckles outlines some of the capabilities modern CSS provides that we can leverage to make layouts more accessibly inclusive for users of all abilities across any device.

The future of web design arrives next week!

An Event Apart Online Together: Spring Summit kicks off this coming Monday, April 19. Join us for three days of expert sessions and community networking, plus a full year to re-watch the entire conference on-demand. Featuring 15+ in-depth sessions from world-class speakers, you’ll get deep insights into where we are now and where things are going next.

Save $100 on any multi-day pass with promo code AEACSSW21.

Don’t miss out. See the detailed three-day agenda and register now.

Articles & Tutorials

CSS is a Strongly Typed Language

Eric Bailey outlines why CSS is a strongly typed programming language.

Paper Snowflakes: Combining Clipping and Masking in CSS

Michelle Barker shares the process of creating realistic-looking paper snowflakes in CSS.

Overflow Issues In CSS

Ahmad Shadeed explores the causes of different overflow issues and shares some advice on how to solve them.

Gaps? Gasp!

Eric Meyer gives an introduction to gap property, a property that can be used on grids, flexboxes, and even on multiple columns.

CSS Variables That Mimic Chameleons

Callum Hart on the importance of choosing CSS variable names that adapt to different contexts.

Hover, a brand new, affordable online conference all about CSS

CSS is the often unsung hero of Web development. Hover from Web Directions is the conference CSS deserves, covering the language and its uses in a way like no other.

Hover features leading experts like Rachel Andrew, Ahmad Shadeed, Elad Shechter, Miriam Suzanne, and Adam Argyle covering everything you need to know to get the most from CSS, April 23 & 30.

Learn more, and use the code 'cssweekly' to save 30%

Tools

Cumulative Layout Shift Debugger

Cumulative Layout Shift Debugger is a tool to visualize the cumulative layout shifts of any webpage, so it becomes easier to identify what needs improving in the initial load of a website.

Check it out

Fig

Fig is VSCode-style autocomplete for the terminal. It shows subcommands, options, and contextually relevant arguments in your existing terminal on macOS.

Check it out