Issue #433

October 27, 2020

Prevent Layout Shifts With CSS Grid Stacks

Hubert Sablonnière shares a detailed explanation with real examples of a CSS grid technique you can use to prevent layout shifts when a component state changes.

Preethi Sam demonstrates how to use the concept of CSS Shapes with emoji to create interesting text-wrapping effects.

Inspiration Bits

A newsletter in a short & convenient format for the people who seek change, who want to thrive and improve, created by Zoran Jambor.

Articles & Tutorials

Meet Face ID and Touch ID for the Web

Jiewen Tan gives an introduction to the Face ID and Touch ID for the web, a multi-factor authentication with a smooth, convenient experience.

Email Design Accessibility: Why It Is Important to Improve It

Nataly Birch dives into the basics of email design accessibility.

Focus Management and inert

Eric Bailey gives an introduction to Focus management, a practice of coordinating what can and cannot receive keyboard focus events, and explains how inert attribute helps.

Responsive Height Design

Ahmad Shadeed shares some considerations for testing responsive designs vertically by reducing the browser height.

Clamp

Trys Mudford demonstrates how to use clamp() to create harmonious and fluid typographic scales.

Stay Curious – "The SVG Toolkit" and "Building Mixed Reality Experiences in JavaScript"

Join Cassie Evans & Charlie Gerard and learn how to build mixed reality experiences in JavaScript and explore how to make some snazzy code-based visual effects in SVG.

Grab a seat now