web components phantomJS CSS javascript bash LESS productivity layout performance semantic web


CSS Ruler

Ever used a 'ch' or 'ex' unit in your CSS? Neither have I. Anyway, it's nice to know they exist. This CSS ruler displays all the valid CSS length units available. When you hover over each unit it reveals a description of that unit. Here are some fun facts I learned while making this: Percentage… read more


Tumblr Theme Development with Dropbox & LESS

This is a simple tip to speed up your tumblr theme development. Most of the work on Tumblr themes is really just CSS. CSS preprocessors can make writing CSS a lot easier, so wouldn't it be great if you could use them while building your tumblr theme? With LESS CSS, you can. LESS in The Browser… read more

A Justified CSS Grid Revisited: The Bane of inline-block.

Last week I discovered a pretty novel way of created a CSS grid layout. After living with this layout for a week, I revisit some of the pitfalls it has caused. The Bane of inline-block The pitfalls of using inline-block for layout have been well documented over the years, however it seems I'm slow… read more

A Justified CSS Grid Layout

CSS Layouts are hard. Emerging standards like flexbox make them easier, but what if you need something that works in older browsers, Like IE8? This question led me to a pretty novel idea. The Problem This is the layout I wanted to create. It's a simple grid with three items per row. Notice the… read more

Creating Your Own CSS Grid System

CSS Grids have been around a long time. Often they come bundled in frameworks such as Bootstrap. I'm not a Bootstrap hater, but sometimes using a framework is overkill if all you really need is a grid. Here's how to make your own CSS Grids from scratch. The elements of a CSS Grid As we can see,… read more