Using npm as a Build Tool

The main purpose being: you’re using npm anyway, so using it directly to run scripts removes a dependency (i.e. gulp/grunt/whatever) and brings you a bit closer to the tools you are using directly. I could see this example `package.json` fileRead More

TypeScript at Slack

An excellent subhead by Felix Rieseberg: How I Learned to Stop Worrying & Trust the Compiler. I’d wager that some of the popularity of SCSS was due to that fact that any valid CSS was valid SCSS, so you couldRead More

Managing State in CSS with Reusable JavaScript Functions

Determining the most efficient way of managing state can be a challenging issue in CSS, but thankfully there are many OOCSS-based methodologies out there which provide some good solutions. My preferred comes from SMACSS (Scalable and modular architecture for CSS)Read More

Poly Fluid Sizing

Fluid typography is pretty amazing. We have a writeup of how it all works. But as fancy as that is, it’s still scaling the type linearly. What if we wanted the type size to fall along a curve? The mathRead More

Beautiful, Customizable Online Appointment Scheduling

Brand new designs for Acuity Scheduling are beautiful out of the box and make it easy to provide online appointment scheduling for you or your clients, matching their identity. The online scheduler comes with several templates, embeds quickly in existingRead More

The Different Logical Ways to Group CSS Properties

Over on the MediaTemple Blog, I talk about some logical possibilities for how you might arrange the declarations within a ruleset. Personally: I’ll admit, I traditionally haven’t had much of an opinion about the ordering of CSS properties. I justRead More

Which Projects Need React? All Of Them!

When does a project need React? That’s the question Chris Coyier addressed in a recent blog post. I’m a big fan of Chris’ writing, so I was curious to see what he had to say. In a nutshell, Chris putsRead More

React Sketch.app

The “normal” workflow I’m sure we’ve all lived is that design happens, then coding happens. A healthy workflow has back-and-forth between everyone involved in a project, including designers and developers, but still: The code is the final product. You designRead More

5 Excellent Tools Your UX and UI Design Tasks

Advertise here via BSA UI Design – UX Design: Tightly Coupled, But Not the Same User interface (UI), and user experience (UX), are both critical elements in website design. The two terms are often confused, and are even used interchangeablyRead More

Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually

In CSS, some properties have shorthand. One property that takes separated values. Syntactic sugar, as they say, to make authoring easier. Take transition, which might look something like: .element { transition: border 0.2s ease-in-out; } We could have written itRead More