Debugging websites on mobile devices with Opera Mobile and Dragonfly

I have previously written about how you can debug mobile websites with a tool called Weinre. Now I will explain another way to debug sites, this time, with Opera Mobile, and Opera Dragonfly. I will be demonstrating this on a Galaxy S 2, with Opera Mobile 11.10 on Android  and Opera desktop version 11.50. This is Opera Mobile, not Mini, which is a different browser. This will not work for iPhone or iPad since Opera Mobile is not

» Read more

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

Use nicknames in Opera to save time and avoid typing the whole url

Did you know, that in Opera you can give each bookmark (or folder of bookmarks), its own nickname? That way, you can just enter the nickname in the address bar, hit enter and your bookmark (or folder of bookmarks) will open. For example, when you are on your favorite website, press Ctrl+D to bookmark the website, click the Details >> button, and enter your nickname in the Nickname box. You can also set a nickname on your folder of bookmarks.

» 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

Securely synchronize passwords and other sensitive data via Dropbox and other online storage services

With all the buzz about LastPass and other services you can use to help managing passwords and login information for all the websites you visit, I wanted to share my way of accomplishing the same. There are now LastPass plugins for all the major browsers out there, Chrome, FireFox and Opera, and even mobile devices. Im not saying LastPass is no-good, it looks like a nice piece of software. But, I don’t want to store my passwords at any

» Read more

How to hide the new Visual Mouse Gesture in Opera 11

Some people like it, and some people don’t, luckily, Opera is so customizable that it lets you disable the new Visual Mouse Gesture feature. Mouse Gestures will work as before, but you won’t be seeing anything to the big gray overlay everytime you do a gesture. Here is how to disable it In Opera, write “opera:config” in the addressbar and press enter. Type “gesture” in the searchbox Uncheck the Show Gesture UI option Press Save and restart

» Read more

Moving or Removing the Menu button in Opera

Opera has for some time now, used one big red menu button instead of a “regular” menu like the one FireFox has. This allows more free pixels in the height for displaying webpages instead. However, Opera is very customizable, so if you don’t want the menu the way it is as default, you can easily edit, move or completely remove it. Removing the text on the menu button in Opera If you don’t like having the Menu text

» Read more

How to Adjust the Mouse Gesture Threshold in the new Opera 11

Opera 11 finally got released today, and it contains a bunch of new features, you can download it from Opera.com. Some of the new features in Opera 11 Some of the new features I find very nice to have are: Finally, real extensions! Opera have had widgets for a long time, but has been lacking those full extensions, which Chrome and FireFox have. Search autocompletion in the adressbar. typing “g EnvyAndroid” instantly gives you relevant search keywords from Google.

» Read more