Pages

August 26, 2010

Why haven’t I used IE in months?

Share on Facebook


icon_ie7

I think I was conducting a training on “Windows programming using C” in a company called VeriFone Bangalore when I first saw Internet Explorer. Like Netscape, it had a logo on top right which would rotate as the page was loading. I was fascinated with the UI and thrilled that I could look up information so easily and quickly. On the other hand there was Netscape, a powerful browser which was the de-facto standard. I think Netscape was $50 while Microsoft started giving away its browser free with the operating system which led to a massive law suit and Browser wars. The browser war was good in a way because it made both companies bring host of innovation and rapid changes eventually helping the customers. Its another thing that Netscape lost the war and IE became the de-facto standard on the web. I was siding with IE thru the war as I found it to be a better browser than Netscape.

Phoenix rises from the ashes of Netscape

120px-Mozilla_Phoenix_Logo

As Netscape lost the battle and made the source code open, the code base gave rise to another project called Phoenix (rising from the ashes of Netscape). Phoenix was however already a registered name so the team tried to rename it to Firebird, which too turned out to be registered so they finally called it Firefox. I have been using Firefox since Phoenix days but did not pay too much attention as it could not match the capabilities and features of IE. But I did keep an eye on the browser as it matured. Then one day it happened… I discovered add-ons and extension which allowed me to customize, configure and personalize the browser the way I wanted. Also, the new JS engine made its way into Firefox, speeding it way beyond IE performance.

Missing IE?

ffx_ie7When people don’t like or use a software, they tend to remove or uninstall it. However, IE is one software which remains on every Windows installation that it there. Why? Because you never know when you will need it. There are hundreds of site which work with IE but not Firefox. This may not be intentional but due to the fact that IE did not enforce strict adherence to HTML and web standard while Firefox always did. So a missing closing tag would still render in IE whereas it would refuse to show up in Firefox. Imagine you test your web site in IE and a day before you go live, out of curiosity you open in it Firefox and you are horrified as the page is a mess. Can’t imagine? Ask Chandrasekhar “Netscape” Vyas who earned this moniker precisely for this reason Smile

Stop switching between FF and IE

If you use Firefox regularly but have to switch to IE because of certain sites, now you can get IE Tab Plus. What this Firefox add-on does is it loads IE in one of the tabs in Firefox. I am not talking about emulating IE, I am talking about loading the IE engine in the tab so that you can open all those IE specific sites in Firefox without having to even launch IE. Go ahead and download IE Tab Plus from Firefox Add-ons site and lets roll.

image

Once you install IE Tab Plus, you will see and icon in the system tray. This icon toggles between FF and IE.

Lets get to work

The number of sites which work only with IE is reducing fast but there are still some sites which either refuse to work with anything other than IE or don't work well with non IE browser. Lets take a look at such sample site.

SNAGHTML70c4df5

This site flatly refuses to work with Firefox. It clearly says “Sorry, this site requires Microsoft Internet Explorer 5.5 or later.” Now lets switch the site to IE by clicking the FF icon in status bar.

 

image There are variety of ways in which you can switch the engine from Firefox to IE. The easiest way is to click in icon. Another way is to right click the page which brings up Firefox context menu which allows you to switch rendering engine. If you right click on the icon, it brings up a menu (as shown in the image). You can take a call if you want to switch the engine in the same tab or launch the page in IE.

 

image

Here is a screenshot of the same site, still running in Firefox but being rendered using IE engine. As this is not simulated (browser-agent switching), you get real experience of IE. As you can see in the screenshot, if you right click on the page, you get IE context menu and not FF. To switch back, simply click on the icon back. If you require full IE interface, you are welcome to use “View Link in Internet Explorer” which will launch IE and not use FF tab.

Configuration

You can configure IE Tab Plus to share cookies with FF or even allow AdBlock Plus. You can also decide in-tab switching or opening a new tab. It also allows a site filter where you can specify sites which will always open in IE (at one point of time windowsupdate was the most gruelling IE-only site).

SNAGHTML6452136

Conclusion

So now you know why I haven't used IE in months Smile

Happy switching Smile

August 25, 2010

Growl for Windows

Share on Facebook


images

Every OSX user eventually comes across Growl as either it gets downloaded along with some app or stumbles upon documentation which talks about Growl. In fact, some OSX users tend to believe that it ships with OSX itself. I have been using Growl since my MacMini days and when I got my 17” MacBook Pro, it was one of the first apps that I downloaded on my OSX partition.

What is Growl?

In very simple terms, Growl is centralized notification system which receives notifications from apps and displays them in a consistent, configurable manner so that every app does not have to build its own notification mechanism. You can use Growl to decide which notifications to show, how to show them and what action to take if the user interact with these notifications.

Growl for Windows

logoI was pleasantly surprised to stumble upon Growl for Windows which neatly mimics the functionality and features of Growl for Mac. While OS X version has support of many applications, Windows apps do not come with built-in support for Growl yet.

General

 

Apps and Displays

Most applications build their own notification systems from scratch. Think of Live Messenger popup toaster, Outlook’s new mail alert, System alert for low battery and so on. Then there are web based apps like Gmail, Facebook etc. which have their own notifications which are either delivered when you go online on the site or via email. Some may even have custom built alert apps just to notify you. Growl can unify all these and provide a consistent user experience.

Gmail GrowlApps can be applications which have built in support for Growl or a helper app in from of a plugin, extension or add-on which detects changes and relays the notification to Growl. The list of such apps is increasing steadily and cover a range from web based apps like Gmail, Twitter, Facebook to desktop apps like Outlook, Skype, Visual Studio to even hardware automation like ECS & ZWave automation systems.

System Monitor NotificationDisplays are notification UI and notification styles which can be configured and customized. Display is a misnomer because apart from the typical notification toaster window and sound, you can even configure it to send SMS, email, post to twitter account or run an application.

Forwarding and Subscriptions

Imagine that you are an administrator managing a dozen of systems in an office. Instead of checking and verifying  every system periodically for regular maintenance issue, you install Growl on each one of them and forward their notifications to your administrative system. So if someone has low disk issue, you can remotely run disk cleaner.

In addition to forwarding, you can subscribe to notification from other system including web site to be informed of events occurring on those systems.

Phones, SMS and Email

toprowl_confirmGrowl supports forwarding notifications to iPhone thru plugins in Prowl, Howl and you can also forward notifications to an email which makes it ideal for being able to keep track of events while on the move. If you can also send notifications to your system thru email and other means, coupled with triggers, you can launch commands and control your system remotely.

Conclusion

Growl is a nice move in the direction of unifying notifications on Windows on the lines of Growl of Mac and we should soon see a lot more native support built into applications in future. Meanwhile try and get a helper application for the popular applications and website and enjoy!

Happy Growling Smile

August 23, 2010

UI Candy or Visual Feedback?

Share on Facebook


fissionI am a software junkie and try out lots and lots of software and utilities to see what works for me. It gives me a chance to discover new software which help make my life easy. I alternate between multiple browsers like Internet Explorer, Firefox, Opera, Chrome and Safari. My main browser currently is Firefox while I use IE and Chrome for testing my blog and ASP.NET apps I tinker with. One feature that I really liked about Safari is that its progress bar which is displayed as part of the address bar itself.

Visual Feedback

Wait, its not a UI candy thing but a very sensible feature. When we type a URL, our eyes are looking at the AddressBar and after hitting ENTER they do not automatically shift to the status bar to see the progress bar. In fact, they continue to gaze at the AddressBar and waiting for the page to load. So what Safari has done is put the feedback about the progress right in front of our eyes.

image

Here is a screenshot of Safari loading a page with visual indication of the progress.

Fission

Meet Fission, a Firefox add-on which not only mimics Safari in displaying progress bar inside AddressBar but goes one step further showing “Connection Status” of  Waiting, Connecting, Transferring too.

image

Check out the image above (click on it to enlarge if you like) and you can see that a yellow bar is indicating overall progress while on the right side of the AddressBar shows the current stage of “Connected”.

Needless to say, you can configure the colour of the progress bar and decide if you want to see connection status on the right side of the AddressBar or not.

SNAGHTML1d6df02

The last option is interesting one too… When you move the mouse over links in a page, it does not obstruct your view by popping up the link url as a tooltip, rather, quietly changes the URL in the AddressBar temporarily.

Conclusion

Sometimes, User Experience is not about nice images and smooth fonts but about understand how users interact and providing visual feedback in the most natural way like Fission does.

Happy Browsing Smile

August 22, 2010

Don’t read it now, ReadItLater

Share on Facebook



Information Overload

imagesHave you noticed that the pace of life is increasing and we are always short of time? Our commutes are getting longer and information overload doesn't help either. Look at the sources of information we have in todays time – Newspaper, Television, Telephones, Car-radio, Messenger, Facebook, LinkedIn, Email, RSS Feeds, Stumble Upon and the list goes on. Wait, add my neighbour who is like BBC broadcast about the going-ons in my building.

Unutilized time

imagesImagine this scenario, you are getting ready to leave for work in the morning and checking your mail while sipping tea and you notice a great article someone sent you in mail. You want to read it but don’t have the time, so you keep the mail in the inbox and rush out to catch your bus and train. You are going to spend next 30-90 mins commuting but you aren't reading what you wanted to.

Better utilize you time

imagesNow re-imagine the same scenario differently.. you open the mail, notice the link which is of interest. When it opens in your web browser, you simply click “Read it later” and it syncs the article to your iPhone, Blackberry, Android, PalmPre, WinMo etc. Once you are in your bus, you take out your phone and start reading the article you saved. You don't even have to be online on GPRS if the Wi-Fi sync at home transferred the entire article on your phone. After reading, the article is automatically marked “Read”. When you reach office, you start your browser and the browser shows you a list of articles still not read.

ReadItLater

api

ReadItLater is an add-on available for Firefox and other browsers (IE, Chrome, Safari) and also supported on SmartPhones (iPhone, Blackberry, Android, Windows Mobile, Palm Pre, Nokia N60). Once you install ReadItLater and create a free account, login from your browser. It adds an icon to your Toolbar and AddressBar. If you come across an article that you would like to read but don't have time at that moment, just click the icon in the AddressBar and it will sync the entire page into your reading list. This list can then be synchronized to your phone and even other browsers. If you turn of offline viewing, it can download web view or text view and keep it locally so that you can use it while using laptop in flight or on phone while travelling on a bus/train.

image

Reading It Later

Having marked all your articles, you can click on the ReadItLater button anytime to pop up a list of articles, choose one and it opens it in a tab (even if you are offline). Once you are thru reading, it can either automatically mark it as read or you can configure it to wait for you to manually mark it as read. You can configure multiple locations and multiple browsers so sync your links across.

image

Imagine this.. You are at home and logged into Firefox and mark a set of sites in ReadItLater. Now when you reach office, you login to ReadItLater using IE or Chrome and you will see the same list available to you there. Mark them as read and when you come back home, the reading list is automatically synchronized.

Google Reader Integration

There are many website we stumble upon while surfing but a lot of them could come from RSS Feeds. I use GoogleReader to keep track of things of my interest and ReadItLater integrates beautifully with GoogleReader too.

image

You can see from the image above that ReadItLater puts its faint yellow caret sign at the beginning of feed title which you can click to transfer that particular item into the reading list rather than the entire page.

Conclusion

Use ReadItLater to schedule and utilize your time better so that you have more time available for important thing. If you can configure you home pc browser, smart phone and office pc browser, you will not miss out on important article and keep track of things.

Happy Reading Smile

Cool Switcher

Share on Facebook


normalThe easiest way to switch between running apps on Windows is ALT-TAB. Windows XP and earlier has a small popup window which display just the icons of running application. It displayed the title of the running app only when  you  “cycle” thru them to figure out which one you wanted to switch to.

Windows Switcher 

Vista and Windows 7 made it easier with switch window which shows a thumbnail preview (which looks a lot like OSX switch except that OSX has cool feature of bring it up with 4 fingers swipe sideways Smile ).

 image

As shown in the screen shot, ALT-TAB does show thumbnail previews but the are too small and if there are multiple instances of an application running, it still doesn't help you in differentiating them until you alt-tab to them and read the description.

I have been using large resolution displays like 1900x1200, which tends to make the icons smaller unless you change the DPI. I understand that switcher window is not a regular app but why does the window have to be so small?

VistaSwitcher

Welcome to VistaSwitcher. Don’t go by the name, it works on Windows XP, Vista and Windows 7. It replaces the ALT-TAB key so you can continue to use your finger memory to switch apps.

The advantage of VistaSwitcher are:

  1. Large Window – Clear visibility
  2. Full window preview – You can actually read the contents
  3. App titles – You can see without cycling thru
  4. Numbered List – quick selection by number

image

It also adds another cool feature with ATL-` which allows you to switch between multiple instance of the currently selected app. Example, if you have multiple instance of IE or Word open and you want to switch to another, no need to use ALT-TAB and wade thru other apps, just press ALT-` (This one also come from OSX Cmd-` feature).

image

The above screen shot shows ONLY instance of IE and not the other running apps to quickly switch to another IE window.

Wait.. there is more

You can use mouse instead of keyboard to bring up the switcher.. but you need to enable it from preferences.. Right Click + Wheel Scroll.

Mouse can also be used to select apps from the switch window and it even allows right click to take actions on the running apps For example, you could select a set of apps and tile, cascade and even end task them.

image

Conclusion

VistaSwitcher is a free app which adds a lot of features to ALT-TAB switching and provides large, crisp and readable preview to make switching between tasks easier.

Happy Switching Smile