Issue #397

Glad Chinda shows how to create a simple micro-interaction for the popular ripple effect.

Catalin Rosu explains how to use an SVG as a favicon for your website, considering the light and dark theme detection in the browser using the CSS prefers-color-scheme media feature.

An Event Apart features three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers, you’ll come away inspired. Join us in Washington, D.C. April 13–15. $100 off with code AEACSSW20.

Sarah L. Fossheim guides you through their process of replicating a physical product in CSS.

Dan Halliday reviews the standard approach to creating animated flip cards and introduces an improved method that solves its sizing problem.

Luke Smetham weighs up the pros and cons of CSS vs. Styled Components and how it affects the way he writes React components.

Rich Harris explores if it’s possible to create SVG charts that would work without JavaScript.

Phil Nash explains how to use the HTML autocomplete, inputmode and pattern attributes to improve the user experience of logging in.

Become a JavaScript expert with this in-depth guide by Christian Heilmann to the new, essential tools and techniques every developer should know!

Unavatar is a service that determines the user avatar querying multiple social providers.

Popper is a library that will help you position tooltips & popovers in your web applications.

Kitty Giraudel shares a few things they learned and discovered while rebuilding the N26 web platform.