Personally I always considered it the best browser ever, although with great grief I had to hand over that title to Chrome, which has everything really worth taking from Opera, plus several improvements that were hard to ignore. It was the first browser able to claim being nearly as fast as the Norwegian big O, plus sandboxing, well-achieved extensions framework, uncluttered interface and a great attention to detail from its designers.

But I didn’t throw away Opera for this. Today I took a glimpse of what’s expected for their upcoming 11th edition, and I have to say I was impressed but not surprised at all: I expected no less from the best browser vendor in the world.

Opera 11 beta brings up several improvements over past versions. Keeping up with the competition is the least they could, and they seem to be doing really well in terms of features: better HTML5 support, smaller installer, better performance, safer browsing, secure and informative address field, private navigation mode, and a great new overdue addition which I haven’t yet explored in its entirety: extensions.

Something really new

But all these only puts it on par with competitors, feature-wise. What’s really hard these days is to come up with new stuff; unprecedented functionality on an era where everything seems to be already invented. That’s what’s truly amazing of a new version of any software, particularly web browsers. And Opera has always been one of the bests at this.

This 11th version takes tabs to a next level: tab groups or stacks. Users can manually group tasks on stacks that can be expanded or collapsed at will, cleaning up space and clutter on the tab bar. For heavy-weight Internet users like me this is a great idea. Watch the video at youtube to see how it works, or download the browser and try it yourself.

Managing stacks from thumbnails preview

This feature gets even better when combined with floating thumbnail previews. When you hover the mouse pointer over a collapsed stack, a large floating view appears with a grid of small thumbnail views of each tab in the stack. You can click on the thumbnails in the floating view to switch tabs without having to expand the stack. Watch it working in the following video.

What I really miss and I hope it’ll be included in the final non-beta version, is the ability to specify in the preferences that when middle-clicking links to open in new tabs, these new tabs get automatically stacked with the tab that spawned them. This should of course be optional and not enabled by default, or even made available only with some modifier key while middle-clicking.

The verdict

This is still a beta release with some rough edges, specially a little prone to instability and crashing. But it’s good to know Opera is still heading in a good direction. They lost too much time with stuff like BitTorrent support and Opera Unite, instead of focusing in the browsing experience. Hopefully this browser will someday get the attention it deserves.

What do you think about Opera 11 and tab stacks? Do you think this feature will make its way to other browsers in the future?

I was most recently getting along with PlainText, a note-taking iPhone app that stores your notes in a folder in your Dropbox account. It’s a very simple yet powerful concept, specially for those of us who already use Dropbox. Instead of having yet another syncing environment for notes, they already take advantage of the Dropbox user base out there.

The interface is simple and visually appealing, yet out of the ordinary. The notes are always in sync between the iPhone and the computers thanks to Dropbox, and I can get to organize my notes into folders. No more nasty notes from the default iPhone notes app getting into my mail (whoever thought that notes were related to mail is insane).

But then the simple got even simpler…

Today I stumbled on a simpler and better alternative: SimpleNote. It’s an online web service with an iPhone app, an API, and a set of third-party supporting apps and tools that complete the picture.

Great features

The killer features over PlainText are tagging, versioning and sharing. Yes, you read it right.

With SimpleNote you organize your notes with tags, instead of placing them on folders. You can associate any number of tags to a single note, and you can also list all notes regardless of tagging. It’s of course a bit unfair to make this comparison against PlainText, since its Dropbox storage paradigm would not allow for anything else than folders.

You can also share notes with other people. I did not found a way to do this on the web app, although there should be. In the iPhone app you can activate sharing, and it’ll give you a URL, plus the possibility to send an email with an invitation to the share note. I haven’t tested this though because I still have no one on SimpleNote to share with.

Also worth mentioning are its versioning capabilities. You can check past versions of your notes, up to a limit of 10 versions in the past. There’s a premium non-free plan for a mere $12 a year (that’s $1 per month) which extends this limit to 30, plus extra features such as no ads, better support, creating notes by email and more.

On the desktop side of the equation

On the desktop side there’s no “official” app for SimpleNote, but on the downloads page I found a couple of third-party client applications for Windows and Mac that I am really liking. On the Mac side we have JustNotes, which syncs with the online service and supports tagging and searching. On the Windows side I was not expecting much, but it turns out that ResophNotes is a pretty good client with email, printing and Markdown support. The downside is that it does not support tagging. It did not support tagging until recently, so be sure to have the latest version.

There are some other options for both platforms, specially for the Mac, and there are options for Android as well. There’s even an Emacs package and extensions for Firefox and Chrome!

What other alternative services do you use for note-taking on the iPhone with desktop-sync support?

Luckily there are lots of different choices of password managers, softwares that will help you keep a secure database of all this information, sometimes even in a way that they help you collect your passwords as you use them in your browser, autofill login forms, and even generate new random passwords for you.

This is all great, but I am not convinced. Random passwords generated and filled into forms, all done by a software tool? I end up not really knowing my passwords. What if the tool ever fails, or its database gets corrupted? What if my hard drive melts and after the fix I get a clean install with no passwords database? I also do not like the idea of passwords being stored digitally, not even encrypted.

So I ended up with a small password managing system that I designed myself. With it you can still use a conventional password manager, but in a slightly different way.

Grab some passwords…

I have a small set of around nine or ten different passwords that I use for all the services and accounts I have access to. These passwords range across all the spectrum of difficulty and strength.

Then I distribute this set of passwords more or less evenly across the whole spectrum of services and accounts that I have access to. I use strong passwords for the most precious and important services; the dumb passwords for unimportant stuff, like all the garbage sites that require membership for even the dumbest thing; and I leave the medium-range passwords for most of the average-but-important services that most people, including me, use these days.

…but store keywords instead

For this password system to work you really ought to remember the actual passwords yourself. The password managing system is mostly just to remember what passwords are used for what access, not to remember the actual passwords. You can keep these associations between user accounts and passwords stored in several different ways, so it’s pretty easy to use, not needing any specific software. You can use an actual password manager, or you can use an Excel spreadsheet or a simple text file, just as I do. The medium is really up to you.

There are a couple of rules when setting up this associations list

1. Do not store the actual passwords in the associations, just small bits of text that loosely resemble, reminds you, or have any obscure-for-anybody-else relation to the password. It can be a small bit of the password itself, perhaps a bit tweaked, reversed, or with some phonetical changes. Or it can be something textually unrelated to the password, but having some association with it that only you can devise.
2. Each password should have at least two different keywords that you’ll associate with it, and not just one. This ensures that if somebody ever gets access to this associations, it won’t be easy to determine what services use the same password.

An example

I’ll give you an example with my own passwords and keywords (not really). We’ll work with a set of six passwords with various levels of strength. Notice in the stronger cases the use of L33T 5PEAK and other tweaks.

As you can see, most keywords by itself do not reveal the password, not even remotely. And even if someone ever guesses the relation, the password itself is usually more than the part that links to the keyword, with the further complication of tweaks in the spelling, the use leetspeak and similar encodings, etc.

But remember that you do not really write down the table above. What you really do is write down a list of services and accounts, and the keyword that associates a password with it, instead of the actual password. During the creation of this list below is when you really think about keywords associated to your passwords.

You can now store this table in whatever format you prefer, and take whatever measures to not loose it. You should also store it in a secure location, but in a way that you can access it whenever you need to lookup for something, or to modify it. Dropbox and Evernote are good choices. In Dropbox you can store it in a password protected file as well, if you think you can use some extra security.

But…

Sure this system has some drawbacks. For instance, some people might argue that some password managers also fill out login forms for you when integrated to the web browser. So even if you do use one of these password managers to store just the keywords and not the actual passwords, then the autofill-login-form feature becomes useless. But hey, who access content on the Internet via web browsers anymore?

What tools or systems do you use to manage your ever-increasing list of passwords and user accounts?

Well, not exactly. If you have a real device (and you should anyway, if you are developing for the platform) and this device has lots of contacts in it, then you can copy the internal address book files into the simulator’s file system in your Mac. I actually got the tip from this blog post after searching on Google a little bit, but it did not worked for me exactly that way. I’ll let you know why.

First you have to extract the device’s address book sqlite files. There are two files actually, and according to their names, one is for the actual contacts, and the other one stores the contact images. Both files are located in /var/mobile/Library/AddressBook/ inyour iPhone, so if you have a jailbroken device, then it is as simple as copying through ssh…

scp mobile@iphone:Library/AddressBook/*  ~/Library/Application\ Support/iPhone\ Simulator/User/Library/AddressBook

If your device is not jailbroken then it is a bit more complicated. The solution involves extracting the sqlite files from the backups of your device created by iTunes in your Mac whenever you sync. The blog post linked above has a nice script for doing this, although I have not tested it.

But this did not work for me right away. I copied the files into the specified directory and started the simulation just to see the same empty list. So I wandered a bit through the vicinities of that location and I realized that along with the User directory inside ~/Library/Application Support/iPhone Simulator, there are a few more directories whose names correspond to the versions of the SDK installed in the simulator. Since I am running the simulator on iOS 4.0.2, then I copied the files into this directory structure instead, like below

scp mobile@iphone:Library/AddressBook/*  ~/Library/Application\ Support/iPhone\ Simulator/4.0.2/Library/AddressBook

So if the User directory don’t work for you either, then try looking for the one corresponding to the SDK version that you are running in the simulator.

So besides the obvious hiding of sections not relevant on a printed media, like the sidebar, comments form, etc., I started to look at what other improvements could be made for a printed version of a web page. I readily searched for and turned to an article I recall having read some time ago in A List Apart about exactly this matter: Going to Print.

Following the article’s suggestions I started customizing margins, backgrounds, font type and size, etc. Then I stumbled upon a very tricky issue they mention: what to do with links? They are clearly of no direct use in printed media since users can’t click on a paper, but on the other hand it’s a pity that the extra information conveyed in a link (namely the referenced URL) gets lost.

CSS selectors to the rescue

The article suggests using an advanced CSS2 technique. Using special selectors we can append after every link, the URL it refers to enclosed in parentheses. This will only be visible using modern and fully CSS2-compliant browsers (Yes, I am staring at you, Internet Explorer).

#content .post a:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

The above rule states that after any anchor tag within the post, the href attribute value should be added in parenthesis. It also additionally puts the link in a slightly smaller font so that the link text gets more attention.

However, when I actually tried this I didn’t like it. The resulting printed view is too cluttered, specially if you have a sizable amount of links in your post, or if some of them reference URLs that are too long and hard to read. It would be really nice if one could selectively apply this printed styling to certain links only.

An apparent solution would be to apply a certain CSS class to the links we want to have this behavior, and then specify in our style sheet that the rule above should only apply to links with this CSS class.

#content .post a.print-href:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

Note the .print-href class in the CSS selector. We now have to apply this class to all the links in a post that we want to be printed along with the referenced URL.

The problem is that there’s no straightforward way of doing this in WordPress’ post editor. The link popup allows you to specify a style class to be selected from a predefined set of wordpress-specific classes, but not your own.

Plugins to save the day

The short story about how to solve this, involves installing the TinyMCE Advanced plugin in WordPress, which enhances the post editor in several ways. One of the several enhancements is that the link popup is larger and has more options, even a few separate tabs grouping lots of different options. The last tab, the one labeled Advanced, allows you to arbitrarily specify the value for several possible attributes of the anchor tag, including the class attribute.

Notice the classes text field in the picture above, where it is already filled with the class name. The actual class name doesn’t matter, as long as you use the same class name in both your links and the CSS rule in your stylesheet.

So now, if you print this post, you’ll notice how some links in it get printed along with the referenced web page, and others don’t. I hope this hint may helpful to anybody out there.

Do you know any other helpful hints about making web pages and blog posts more printer-friendly?

Since I don’t have $14 to spare on this app, and I also do not really think it’s worth it, I went on to find some alternative softwares for this. This wonderful website alternativeto.net allows you to look for software applications on certain platforms and find out about some other softwares that could serve as alternatives or equivalents, either in the same platform but free, or perhaps because you are looking for an alternative to switch or use in another platform.

In this case I wanted to find an alternative to Divvy also for the Mac, but free as in beer. I didn’t really care that much if it was open source, although it would be a plus. Thankfully I found ShiftIt, wich is not only free and open source, but also even better than Divvy in my opinion.

ShiftIt, just as Divvy, sits unobtrusively in the menu bar. It would be nicer if it had an icon instead of text, but that’s a minor complain. What makes it great is that it already comes with sensible default shortcuts for positioning windows in logical default locations, such as covering the left or right halves of the screen, or top, or bottom. Plus covering the four screen areas formed by dividing it in four parts: top left, top right, bottom left and bottom right. And of course, two more options for full screen and center a window respectively.

When I saw this I immediately uninstalled Divvy. I found in ShiftIt preconfigured what I was manually configuring in Divvy just a few minutes ago. Exactly those very options, perhaps with some similar shortcuts I invented. Somebody would say that ShiftIt should allow you to customize the shortcuts and/or allow you to add some other configurations, but I guess they just want to keep it simple, and as simple as it is, it is still useful and able to replace Divvy 90% of the time.

I also found out about other similar alternatives, like SizeUp, Cinch, etc. But I only really tried the free one, as this was my goal. But maybe you want to try them all and stick with what you think is the best. And don’t be shy about making any suggestions here, either free software or not.

Do you know about any alternatives to Divvy and ShiftIt, be it for the Mac or not? Maybe with better or different features?

Actually it was very simple and required almost no work. There’s a wordpress plugin for that already, which along with a custom mobile-friendly theme gets the job done. Both the plugin and the theme are developed by Crowd Favorite, a web development company specializing in WordPress customization and enhancement. They also provide two great standard themes, including the one used in the blog’s standard interface.

Do you know any other plugins or tools to make a WordPress blog friendly to handheld mobile devices?

The drop-down menu used to switch accounts when multi-login is enabled.

Once you enable multiple accounts, the account name that appears on the top-right area of the window now features a drop-down menu that allows you to switch accounts. You may be thinking that you cannot use two accounts really at once, but that you would only be able to easily switch. But this is not the case. You can actually keep two or more different tabs or windows in your browser open at the same time with different Gmail accounts.

A word of caution

Google is not shy about warning you of the drawbacks of this new setting and the care you need to take when using the different available Google services from each account you are logged into. First of all, not all services currently support the multiple accounts setup, so they will default to the primary account, which is the one you logged into first, and the one from which you setup the login for the extra accounts. Also, offline Gmail and Calendar are not supported if you enable this new feature.

Clearly, you need to be specially aware of what you are doing and what it means during your workflow. This is particularly true while using the Gmail service, because you could end up sending an email from the wrong account! This is where Gmail themes come very handy. You can apply different themes to different Gmail accounts, to visually and instantly distinguish where you are standing at.

Anyway, surely this new quirk is very welcome. I wonder why Google is always hitting the nail in the head, and I certainly hope they keep performing that way.

Readability Redux

This one takes an article or blog post page and presents it in a reading-friendly format, leaving out all the clutter (sidebars, navigation menus, etc.) and also with a customized font and text styling that makes it more suitable for reading and printing.

A blog post shown in readability mode

I was envy when Safari 5 went out with this as a core feature, so much that I actually considered switching now that Safari has got extensions too. I detest to read articles and blog posts with all the clutter of the page. Particularly when you intend to print the article for further reading, not always web sites provide a good printed alternative, if they provide one at all.

Get Readability Redux

Proxy Switchy!

This one I couldn’t live without. It’s pretty much the equivalent of FoxyProxy on Firefox, if you ever used that. It allows you to define several proxy configurations for you to switch to, and you can also create rules so that different specific web-sites that you define are automatically routed through certain proxies all the time, without you having to remember switching. For an active Tor user like me, this one is very handy.

Get Proxy Switchy

Twitter share this page

Tweetie for Mac is great. It helps you keep informed of tweets from those you follow, and you can tweet yourself as well. But when you’re on Chrome reading a web page that you feel you ought to share with the world, it’s simpler to use this extension instead. Otherwise you would need to manually copy and paste the URL and then type your message.

With ‘Twitter share this page’ you just press a twitter icon on the right side of the address bar and voilá! Chrome opens Twitter in another tab with your message ready to be sent, or to be customized first if you wish. It automatically uses the web page title as a message along with the URL already shortened if needed.

Get Twitter share this page

XML Tree

Ever tried to load a XML document in Chrome? It simply shows the text without all the node tags and structure of the XML. This extension fixes this odd behavior, showing the XML tree structure. It says it allows you to collapse and expand nodes, but that doesn’t work for me, perhaps because I am using Chrome 6 from the Dev channel.

An XML Document being shown as a structured tree of nodes

For a developer like myself this one is a must. I always wondered why this was not a core feature of the browser itself, like it is in Firefox. Even for uneducated users who know nothing about XML, the structured presentation will almost always be more friendly and comprehensible than the default soup of text.

Get XML Tree

Docs PDF/PowerPoint Viewer

I have a couple of other extensions from Google itself, but this one is the most useful. Every time you click a PDF, Word or PowerPoint document on the web, it’ll show a preview using Google Docs’ interface, from which you’ll be able to download the document if you wish.

An online PDF file being shown in the Google Docs viewer

Before this, my downloads folder was always full of lots of documents that I once opened just to take a short look and discard. Now I can have a glimpse of what I clicked on, before I decide if I want to keep it.

Get Docs PDF/PowerPoint Viewer

Other extensions I use

Besides this featured five extensions above, there are a few more I use occasionally.

Also, take a look at this list of recommended extensions, from Google itself!

But not everything is perfect…

I am yet to find a youtube downloader extension that actually works. I’ve tried a few with no success. Currently I have to resort to Safari 5 which just recently got extensions support and there’s a pretty good one for this purpose. Besides that, there’s nothing left that I need and haven’t found.

Have something to share about this? What extensions do you find useful? Is there some feature you need for which there’s no suitable extension yet?

There’s no way to make it open links by default in new tabs in the background. And no, I do not want to be doing ⌘-click to achieve this. And I do hate browsers opening new windows unless specifically told. Tabbed browsing was invented long ago and most browsers do it fine (read Opera, Firefox and Chrome). At the very least they give you enough options for you to control how you want it to behave. Safari gives some options, but they’re not enough. I know this is Apple’s way of doing things, and most of the time they get it right, but in this case their lack of options and their selection of defaults is not good for me.

And finally, to make things even worse, I cannot see the URL of a link when I hover it. I do not need Safari to have a permanent status bar. It could adopt Google Chrome’s way to do this, which is to show a small tooltip in the place where the status bar would be, but only for the time I am hovering the link.

Google Chrome would be the right choice, and I do use it a lot, but why on Earth does it lack Gears? How is it that Google supports its plugin on Firefox and Safari but not on their own browser??!! I cannot live without Gmail Offline, so that’s why I haven’t been able to dump Firefox completely.