Category: Article

Gulp for Beginners

The following is a guest post by Zell Liew. I’m stoked to have Zell dishing out some Gulp 101. Zell has a comprehensive tutorial style (see his post on Susy) that lends itself well to a topic of this scope. I’ve also tackled Grunt in a similar fashion. I get the sense people found that pretty darn helpful, ...

DIY Priority+ Navigation

We’ve written a bit about the Priority+ pattern here before. Here’s a bunch of real world examples. I needed to use it recently. I found Gijs RogĂ©’s priority-navigation. It’s pretty nice: no dependencies, clean code, fairly configurable and designable. It’s not particularly small though, ...

Six Tips for Chrome DevTools

The following is a guest post by Umar Hansa. Umar has a newsletter I’m a fan of and graciously offered to write this guest post in that style. I’ll let him introduce himself. Hey, I’m Umar. I like to share web development related tips on Twitter (@umaar) and also through Dev Tips which is a newsletter...

Styling a Server-Generated File Directory

The following is a guest post by Keith Knittel. Keith used a tutorial on this site to build his own customized file directory. I was like, hey, that oughta be a better-explained tutorial on this site. So here we are.You likely know that if there is an “index.html” file in a directory on a server, it’...

Tight Fitting SVG Shapes, the Present and Future

The following is a guest post by Ana Tudor. Ana tackles an interesting problem here: what happens when the stroke of an element grows it such that it appears cut off? Getting it to fit tightly again may seem like an exercise in guessing, checking, and magic numbers. But if you know Ana’s work, you’ll know s...

Timber and Twig Reignited My Love for WordPress

The following is a guest post by TJ Fogarty. TJ pitched me some ideas for articles and I latched on to this one right away. I’ve heard this same sentiment from a few other people. Then on a bit of investigation, I can understand why. As you’ll soon see, not only do you get a lovely syntax to work with while...

Recent Conference Talks Worth Watching

These are some of my favorites from conferences I’ve either been to lately, have watched online, or were recommended to me (in which case they aren’t always super recent). I link up the playlist of videos from the conference the talk was at where I can, as your taste in talks may be different than mine. I ...

First Impression of GitHub Desktop

GitHub Desktop was released late last week. Wait, doesn’t GitHub already have two desktop apps? If the same question crossed your mind when you first read that, then you are not alone. Yes, GitHub did have two desktop apps—one for Mac OS and one for Windows—but decided to unify them into a single app....

Making Charts with CSS

There are many ways to make visual representations of data: bar charts, line graphs, scatter diagrams, sparklines… not to mention the many ways in which you can implement them on the web. In this post I’ll be looking at plain CSS methods for styling data. But before we take a look at some examples, I think...

Building A Circular Navigation with CSS Clip Paths

The following is guest post by Sara Soueidan. Sara is always doing wonderful creative work, and then does an equally wonderful job explaining all the ins and outs of how it was done with web tech. Here, she’ll walk us through building a circular menu in what (should be) the simplest possible way.The CSS clip-pa...