Issue #357

April 3, 2019

How to Create a Dark\Light Mode Switch in CSS and Javascript

$How to Create a Dark\Light Mode Switch in CSS and Javascript$

Sebastiano Guerriero takes a look at how to create a dark theme for your web project using CSS Custom Properties.

Rachel Andrew looks at the different alignment methods, explains a few of the sticking points people have and points to more complete references for the properties and values.

Core, a front-end feature kit in React and HTML

Free from Mason (trymason.com)—meet Core, the next evolution in UI kits. Core has all the essential building blocks for your next site or app!

GET CORE FREE

Articles & Tutorials

CSS Houdini Could Change the Way We Write and Manage CSS

Yangguang LI examines how could Houdini change the way we write and manage CSS.

Breaking CSS Custom Properties out of :root Might Be a Good Idea

Kevin Powell explains why you shouldn’t put custom properties on the :root element.

Cache-Control for Civilians

Harry Roberts explains how having a solid caching strategy can help you create faster experiences for your users.

How to Create Better Themes With CSS Variables

Michelle Barker explores what makes CSS variables special and some of the ways in which they can benefit us today.

You Probably Don’t Need Input type="number"

Brad Frost demonstrates the importance of using a correct input type field (or rather, not using a type that increases a chance for an error).

Streamline your workflow: The efficient UI/UX design process in Figma

In this class, Nicole Saidy will show you how to create a consistent and scalable prototype in Figma in 30 mins, from wireframing all the way to handing off to developers.