How do CSS triangles work?

If you've been doing CSS for awhile you either seen them or used them. But do you know why the technique works? The code after all, is not very intuitive: See the Pen CSS triangle by dpiatek (@dpiatek) on CodePen. To understand how the code works, we need to know

October 05, 2018 1 min read

Deploying a Ghost blog with Packer, Terraform, AWS, Nginx and Docker

I've been using Ghost for a while now. I'd always liked the simplicity, markdown editor and the fact that I could run it myself on an EC2 instance, in AWS, behind Nginx. This proved to be a great learning experience, albeit not without it's ups and downs. In the end, mostly downs.

September 26, 2018 3 min read

Patterns for scaling CSS

How we write CSS has changed a lot in the recent years. Many developers do not write vanilla CSS at all anymore, BEM seems to be the industry standard for structuring the codebase but the advent of SPA’s has magnified it’s shortcomings.

January 07, 2016 7 min read

The most important part of your CSS

There is a bit of CSS that you will write or more likely use from a library that will influence your whole project. It is crucial and it’s quality and adequacy can make or break your productivity as you develop. That CSS is the famous (or infamous!) grid.

June 18, 2015 3 min read

Writing better CSS with meaningful class selectors

This post was originally published on the Red Badger blog With the rise of frameworks like React, Angular, Ember and the Web Components spec, the web seems to be moving towards a more components based approach to building apps. The abstractions for

March 10, 2015 3 min read

Meet Taco, a CSS grid systems generator

CSS grid systems are incredibly helpful. They are one of the key components to make your HTML & CSS clearer and more concise, as they get rid of a lot of sizing micro-management. In the past, I've built upon InuitCSS which is a great and simple grid. For all projects

January 07, 2015 1 min read

How to start learning AngularJS

Although very popular, good and comprehensive AngularJS learning matarials are only starting to emerge. It's easy enough to jump into the framework, but no doubt you will quickly get stuck and with some misfortune, you could land on a well meant but outdated Stack Overflow answer. If I would start

March 22, 2014 1 min read

Using Chrome DevTools to debug slow framerates

1/06/2018 update: this blog post is now largely out-of-date and to make matters worse, I've lost the images during a migration. Although the principles still apply, tooling has changed, so your milage may vary. The Timeline tab in Chrome DevTools offers a peak into the stages of displaying

February 01, 2014 2 min read

Building a tabs component with React and Foundation

After reading an interesting article and watching this excellent talk from JsConf a couple of days ago, I've decided to look more closely at React. I've dismissed it when it came out, as it seemed to be flying in the face of everything we know about building the front-end (and

December 22, 2013 6 min read

Use the declarative nature of AngularJS for fun and profit

In one Google talk, Miško Hevery mentions that they wanted Angular to be used by designers. That statement can be dismissed easily. Angular is a complex beast and most people require a fair amount to get productive with it. I can easily imagine many a jQuery savvy web designer diving

November 25, 2013 1 min read