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…

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…

Understanding HTML5 srcset

Every since responsive design became a thing people worried about the sizing of their images. Why would you serve an image that’s 1800px wide to a device that is only 320px wide? That’s a very sensible question to ask when you’re dealing with responsive design. If you consider that this 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…