My blog

Making your site fast is not hard. I know I should tell you the opposite, selling you my services for fixing your site or teaching you my skills, but that is not what I believe in. All the knowledge and tools you need are all out there on the wonderful web, open source and ready […]

The video of my LondonReact talk on this topic is now available on YouTube. Isomorphic JS is becoming increasingly popular, and for good reasons. Users gets a better experience: the application or website loads and renders faster, doesn’t stop working completely when JS fails (and it will), and provides an accessible and crawl-able baseline (real […]

The number of Google Fonts is ever increasing, but finding high quality fonts on the site is as difficult as ever. You want a font that works as body text, and that comes in multiple weights and styles. If you also want the font to be of a certain kind, like Slab serif fonts, the […]

Building menu’s for responsive websites can be tricky. For small devices, we basically want to hide the menu by default, so that it doesn’t take up a lot of space, and then show it only when the user want’s it. For an overview of solutions for this, check this article on CSS tricks. The problem […]

So you’ve you created an awesome responsive design for your website or web app, which looks great on any device, from mobiles to tablets to desktops and perhaps even TV’s. You’ve used an appropriate viewport meta tags to make sure the design fits on the screen of any device, and everything works great. <meta name=’viewport’ […]

Just a quick note of a bug I found today at work: When importing SVG’s into Adobe Illustrator, if the SVG has filters this will cause the SVG to be (permanently) rasterized: inside AI, on export (to f.e. PDF), and in print. Normally SVG filters are only rasterized in the preview image inside AI, and […]

For most mobiles, sliders around the web are sluggish: Typical slider (similar to jQuery mobile’s sliders) But they don’t have to be! Enhanced slider using CSS Transforms If you can’t modify the slider javascript.. Semi-enhanced slider (using CSS Transforms) If you are on a desktop, or even a new smartphone (iPhone 5 or similar), you […]

I have seen this bug a couple of times now while testing different mobile projects on older Android devices: something weird causes select drop downs (and sometimes other form elements) to completely ignore click events. Tap away at the screen as much as you want &#8211 the browser just won’t listen. Google searches confirmed that […]