Once in a while (like 5 times in a day) I find the necessity to take a screenshot of the webpage, edit it for annotation, and then send it across. My normal procedure was PrtScr + open MSPaint + paste the screengrab + edit according to requirements. Yeah! I know.. Ugly!!
And then I chanced upon FireShot; a firefox add-on. Yes again! Firefox is my browser of choice.
FireShot is one hell of an awesome application. I can instantly save (or) edit the current page. Annotate it as I wish; save it in different formats; or even copy it to the clipboard and paste it to Word or PowerPoint.
The following grab details what all functions it allows -
It even has a Pro version; albeit a paid one, and more suited for content creators. For me, the free version works just fine. I highly recommend FireShot. It greatly enhances one's productivity.
Abhishek pointed me to an interesting link. It was for driving directions on google maps from Seattle to Honalulu; right across the Pacific ocean. The amount of data they have; and the ways they find to crunch it. These guys never cease to amaze me.Other than that, what I really liked is this (click on the image for a bigger picture) -
Apart turning left on this road and turning right on that; google recommends you to kayak 4000 odd kms across the Pacific. Given that it estimates about 14 days and 6 hours for you to reach your destination; I would like to believe the 14 days are for kayaking itself, even for a guy in supreme fitness like me.If the image appears blurred, then you can catch the action here. Maybe you could brave yourself to walk. You can't escape the kayaking though even then. :o)
I have created a web page. Now, should I align that DIV to the left? Or should it be centered? Will it look good if the font size is 11px or 12 px? should I change the background color to yellow or magenta? Now again, what was the class selector that I used on that DIV? How much should I specify the left value as for this element, to align it with the rest?
Imagine wanting to do all that and more... You update your web page on the server. Refresh! Tweak the page on the server! Refresh! Tweak again! Refresh!
Enter Firebug. Firebug is a mozilla addon that helps ease a web developer's life. It allows you to inspect the html elements on a page; edit and modify them; run remote scripts; see the network utilisation; view the various requests that your page makes; view each request's query and response; inspect the DOM; inspect the layout of the page; and the list goes on and on.
For someone looking to architect the web, firebug is a must-have.
