Archive for the ‘Article’ Category

Managing State in CSS with Reusable JavaScript Functions

Posted on: No Comments
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 architectu...

Poly Fluid Sizing

Posted on: No Comments
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 math gets a bunch more complicated, but it's possible. ...

Which Projects Need React? All Of Them!

Posted on: No Comments
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 puts forward a series of good and bad reasons why one m...

The Many Tools for Shape Morphing

Posted on: No Comments
To no one's surprise, I'm sure, there are lots of different ways to do the same thing on the web. Shape morphing, being a thing on the web, is no different. There are some native technologies, some libraries that leverage those, and some libraries that...

Persistence Has a Weird Way of Getting Things Done

Posted on: No Comments
I like to think of myself as having a decent amount of persistence. But of course, life is complicated. Sometimes I have it and sometimes I don't. I have in some areas and not in others. C'est la vie. Here's two very short things that I've written up a...

The Power of Custom Directives in Vue

Posted on: No Comments
When you're initially learning a JavaScript framework, it feels a little like being a kid in a candy store. You take in everything available to you, and right off the bat, there are things that will make your life as a developer easier. Inevitably thou...

When Does a Project Need React?

Posted on: No Comments
You know when a project needs HTML and CSS, because it's all of them. When you reach for JavaScript is fairly clear: when you need interactivity or some functionality that only JavaScript can provide. It used to be fairly clear when we reached for libr...

Total HTML Agnosticism

Posted on: No Comments
A couple of good posts on technology agnosticism lately. Brad Frost says the design system itself is higher level than any particular technology: ... it doesn't bet the farm on any one technology, the system is able to adapt to inevitable changes to to...

The Can-Do’s of CodePen Projects

Posted on: No Comments
We just recently launched Projects, the latest big feature over on CodePen. It's quite a bit different than the Pen Editor, so let's take a look at all the things it can do! A Complete File System, and Complete HTML Files With CodePen Projects, you ge...