Icon fonts vs. svg icons

We can all agree that using png sprites for icons is not the most modern (or best) way to present icons on the web. Png is a rasterized format which means that if you try to make the image (or icon) larger, the quality will become worse. When browsers started Read more…

How to choose between rem and em

A few days ago I found this article that argues for using rem units when defining font sizes. Generally speaking this is good advice. The rem comes with great predictable behavior, just like pixels do. But the rem also comes with accessibility advantages. When a user changes the font size in their browser Read more…

Using Flexbox in the real world

The Flexbox module for css was built with the intent to make a more robust, less hacky way to layout elements on pages. When you’re building a webpage you often don’t know how high or wide every element could or should be. This can cause problems in certain layouts which Read more…

Mobile-first is a great workflow

One of the first questions a client might ask you when you start talking about his new website site is “Will it be responsive?”. And the answer to that question will more often than not be “Yes, it will”. Especially now that Google will penalize websites that aren’t mobile friendly Read more…

You should start using Browsersync today.

Seriously, you should. Browsersync is a great tool that allows you to sync your browser on multiple screens. This might not sound that impressive, but in reality it is. It’s so impressive that I felt like I needed to make a .gif for you because you otherwise might not get how awesome Browsersync Read more…

Avoid thinking in pixels

When writing CSS for websites it’s easy to use pixels for everything. Just measure up everything in the design you were given, fill out the numbers and you’re done. You’ve built a beautiful pixel perfect website. Until somebody comes along with a mobile phone. Or their 13″ laptop. Or maybe Read more…