Issue #351

February 19, 2019

Of Mice and BEM: Getting Past Common Problems With CSS Organization

Philip Zastrow addresses four common misconceptions about BEM and explains how and why the CSS naming convention of Block Element Modifier helps solve organizational thinking around class names.

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

Eric Bailey makes a case for leaving key accessibility features to the browser to ensure the most accessible experience.

Free visual testing with Percy

Replace time-consuming manual QA to catch visual UI bugs automatically. Percy’s all-in-one visual testing platform makes it easy to review visual UI changes across browsers and responsive widths.

Articles & Tutorials

Using CSS Grid the Right Way

Violet Peña shows the most effective ways to leverage the CSS Grid spec.

CSS Scroll Snap — How It Really Works

Itzik Pop gives a nice primer on CSS Scroll snap.

Derek Featherstone shares a personal experience of helping a fellow developer understand the core concept of CSS, and explains why we need to more actively participate in the education of people in our profession.

CSS Selectors Level 4

Esteban Herrera gives an overview of the last generation of CSS selectors according to the Editor’s Draft specification as of January 2019.

How @supports Works

Chris Coyier shares a number of interesting situations where @supports can be useful.

Digital Product Design: Build a Flexible Design System That Lasts

Whether you’re building your first design system from scratch or are looking to improve on a system that’s already in place, this class will give you the tools you need to create a flexible design system that can grow and evolve as quickly as you do.

Tools

Uppy File Uploader

Sleek, modular file uploader that integrates seamlessly with any website or app. It fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras, and then uploads them to the final destination.

Check it out