Mobile menus and progressive enhancement

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 […]

How to stop zoom in on input focus on mobile devices

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’ […]

Fixing sluggish mobile slider performance

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 […]

Non clickable SELECT drop down bug in Android 2.2-2.3

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 […]