How to easily debug websites on mobile devices with "Weinre"

If you do web development, chances are you sometimes need to fix something on the website adapted to mobile devices such as iPhone and Android. Debugging websites in a browser on a computer is easy with all the good tools available, such as Firebug in Firefox, Webkit inspector in Chrome and  Dragonfly in Opera. But mobile devices doesn’t have any such tool. What do you do then? That was my problem the other day, a div  element on the

» Read more

How to use fixed positioning on iPhone (Safari Mobile) with javascript

When creating websites for Safari Mobile (iPhone, iPod touch etc) you will probably notice that fixed css positioning does not work as it is supposed to: position: fixed; Quite irritating, but it has to do with the way iPhone renders the website, when you scroll on a website, you are actually just panning around on a big static webpage. If you want to create a fixed element, be it an image, div, text or whatever, on your website, you can

» Read more