A Book Apart

(This is a sponsored post.)You know A Book Apart! They’ve published all kinds of iconic books in our field. They are short and to the point. The kind of book you can read in a single flight. I wrote onRead More

How to Write Better Code: The 3 Levels of Code Consistency

When working on an article about user-centered web development I ended up exploring a bit more the topic of consistency in code. Consistency is one of the key reasons why we need coding guidelines and also a factor for codeRead More

Yes, That Web Project Should Be a PWA

It seems like ever since Frances Berriman  coined the term “Progressive Web App” in an effort to describe a new class of website, there’s been a great deal of confusion over exactly what a Progressive Web App (PWA) is. Sure,Read More

Building Skeleton Screens with CSS Custom Properties

Designing loading states on the web is often overlooked or dismissed as an afterthought. Performance is not only a developer’s responsibility, building an experience that works with slow connections can be a design challenge as well. While developers need toRead More

Prefilling a Date Input

HTML has a special input type for dates, like this: <input type=”date”>. In supporting browsers (pretty good), users will get UI for selecting a date. Super useful stuff, especially since it falls back to a usable text input. But howRead More

JavaScript Scope and Closures

Scopes and closures are important in JavaScript. But, they were confusing for me when I first started. Here’s an explanation of scopes and closures to help you understand what they are. Let’s start with scopes. Scope A scope in JavaScriptRead More

Managing CSS & JS in an HTTP/2 World

Trevor Davis on how we’ll link up CSS when we go all-in on HTTP/2: This is the opposite of what we have done as best practice for years now. But in order to take advantage of multiplexing, it’s best toRead More

User Interfaces for Variable Fonts

The tools we design with have a unique effect on the way we work, constraining and empowering us while we explore, examine and create. Variable fonts give us a new, wide open typographic space with which to work. Instead ofRead More

Form Validation with Web Audio

I’ve been thinking about sound on websites for a while now. When we talk about using sound on websites, most of us grimace and think of the old days, when blaring background music played when the website loaded. Today thisRead More

So you need a CSS utility library?

Let’s define a CSS utility library as a stylesheet with many classes available to do small little one-off things. Like classes to adjust margin or padding. Classes to set colors. Classes to set specific layout properties. Classes for sizing. UtilityRead More