Tag Archives: firefox

Google Chrome: Keyboard Shortcut to Re-open last closed Tab Software & Sites 21 MAR 2013

google chrome internet browserI literally only discovered this awesome keyboard shortcut the other day, and seeing that this is the place I come to in order to write things down so that I don’t forget it, here I am.

Now we all know the wonderful Ctrl + T keyboard shortcut that opens up a new tab, and probably the slightly lesser know but just as useful shortcut of Ctrl + L which jumps the cursor to the address bar.

However, the one that I didn’t know about was Ctrl + Shift + T which automatically re-opens the last closed tab.

And do you know how many times I accidentally close a tab!!

Seriously useful shortcut and from what I understand, it works on both Google Chrome and Mozilla Firefox. Can’t comment on Internet Explorer because I haven’t owned a machine with that on for quite a while now…

Useful Firefox Extensions: MeasureIt CodeUnit 26 NOV 2012

In addition to the big two extensions that almost all developers who work in Firefox have installed (i.e. Firebug and Web Developer), another very useful Firefox extension which I like having tacked on is MeasureIt, a screen ruler measuring system developed by Kevin Freitas.

While technically the awesome Web Developer extension also comes packing a measuring ruler (Miscellaneous -> Show Ruler), I prefer MeasureIt’s simple, focused implementation, whereby you simply click on the ruler icon in the status bar, measure your target area by means of a standard mouse drag selection, view the dimensions of the selected area (in pixels) right next to the highlighted block, and then click on the ruler icon once more to close the whole thing down.

Simple, targeted and very easy to use.

You can manipulate your selection in terms of size and placement, making it an ideal way to get a feel for how much space you have available, or what is the best sized image suited for an area. In short, MeasureIt is really good at… well measuring stuff.

Well worth checking out if you are a web developer who enjoys working in Firefox.

Related Link: https://addons.mozilla.org/en-US/firefox/addon/measureit/

How to Download YouTube Videos in FireFox Software & Sites 10 JUL 2012

There are a number of methods for downloading videos streamed from video sites like YouTube or VideoJug, but if you are using FireFox as your primary web browser, then there probably aren’t many easier ways of achieving this than by using the very clever Video DownloadHelper FireFox add-on by Mig.

From the Mozilla add-on description:

“DownloadHelper is a tool for web content extraction. Its purpose is to capture video and image files from many sites.

Just surf the Web as you are used to, when DownloadHelper detects it can do something for you, the icon gets animated and a menu allows you to download files by simply clicking an item

For instance, if you go to a YouTube page, you’ll be able to download the video directly on your file system. It also works with MySpace, Google videos, DailyMotion, Porkolt, iFilm, DreamHost and others.

Since version 3.1, you can setup the extension to automatically convert the downloaded movies to your preferred video format.

When you are on a page containing links to images or movies, you can download some or all of them at once. Moving the mouse over the items in the menu will highlights the links directly in the page to make sure they are the ones you want to pick up.

DownloadHelper also allows you to download files one by one, so that you keep bandwidth to surf for other stuff to download.”

For more, see http://www.downloadhelper.net/support.php

Anyway, the point is that this is a pretty powerful plugin if you need to grab videos off the web, and well worth installing if you get the chance!

Nifty.

Related Link: https://addons.mozilla.org/en-US/firefox/addon/video-downloadhelper/

Firefox 4: How to Duplicate a Tab using a Keyboard Shortcut CodeUnit 06 JUN 2011

Here is a quick and easy keyboard shortcut to duplicate or clone the current open tab in Firefox 4.

Simply click on the address bar for focus (you’ll note that the address highlights) and then press Alt+Enter to open that same address in a new tab. Nifty.

Note that you can achieve a similar affect by holding down Ctrl and clicking on the browser Reload button (yes, yes, I know that this isn’t a keyboard shortcut). This is of course because the default action when holding down Ctrl and left-clicking on any URL embedded in a page is to open that URL in a new tab.

Web Page Image Capture with Pearl Crescent Page Saver CodeUnit 12 SEP 2010

I was working on my portfolio site the other day and needed something that would take full page screenshots of the current website loaded in my browser.

Enter Pearl Crescent Page Saver, an extension (or plugin if you will) for Firefox that comes in both a paid for Pro and a free Basic version.

It allows you to capture images of web pages, including Flash content, that can be saved in either PNG or JPEG format. You can select to capture the entire page, or just the visible portion.

It has another of settings that allows you to fine tune the capture process, including settings for image file name and scale. It run on the latest Firefox (3.5 onwards) and has been tested on Windows XP, Mac OS X and Linux x86.

I myself ran in on my Ubuntu Lucid Lynx installation, and after the usual easy Mozilla extension installation process, I was rewarded with a revised right-click context menu that now included two extra menu options, namely Save Image of Visible Portion and Save Image of Entire Page.

And that is precisely how easy it is to use this fantastic extension!

Screenshot of the Funakoshi Karate International South Africa website

Related Link: http://pearlcrescent.com/products/pagesaver/

Convert FireFox Color rgb(xxx,yyy,zzz) to Hex CodeUnit 26 MAY 2010

Firefox has a nasty habit of returning element background colors and colors in general in the format

rgb(xxx,yyy,zzz)

as opposed to the normal

#xxyyzz

hexadecimal format we’ve been accustomed to seeing from the likes of Internet Exlorer and the rest of its browser ilk.

Obviously this can trip up a fair bit of your otherwise nifty jQuery or plain old vanilla Javascript driven color features and as such, is definitely something that generally does have to be dealt with by your code.

Hence the following little useful Javascript function to use on any element color or background-color retrieval call:

//Helper function to convert a digit to a two column Hex representation
function toHex(N) {
	if (N==null) return "00";
	N=parseInt(N); if (N==0 || isNaN(N)) return "00";
	N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
	return "0123456789ABCDEF".charAt((N-N%16)/16) + "0123456789ABCDEF".charAt(N%16);
}

//Function to convert rgb() format values into normal hex values
function RGBtoHEX(str)
{
	if (str.substring(0, 3) == 'rgb') {
		var arr = str.split(",");
		var r = arr[0].replace('rgb(','').trim(), g = arr[1].trim(), b = arr[2].replace(')','').trim();
		var hex = [
			toHex(r),
			toHex(g),
			toHex(b)
		];
		return "#" + hex.join('');				
	}
	else{
		return str;
	}
}

So slapping this into your code would result in you changing your calls to look like this:

alert(RGBtoHEX($('#myelement').css('color')));

As you can see by examining the inside of RGBtoHex, it will only attempt to change the values fed into it in the rgb(xxx,yyy,zzz) format. Values like the one returned by IE (i.e. #06a660) will be returned unharmed!

Nifty and useful in other words!

Download a Full Facebook Photo Album in Firefox CodeUnit 11 MAR 2010

Yet another cool little Firefox extension, add-on from LazyRussian, Arthur Sabintsev. FacePAD, Facebook Photo Album Downloader is a brilliant little addition to your Firefox arsenal in that it allows you to download all the photos and images from either a Facebook friend, event or group’s photo album en masse, i.e. all in one fell swoop.

Gone are the days of opening an album, clicking on a photo and downloading each and every image one by one! (Needless to say, you should already be seeing the enormous time saver implications here)

Install FacePAD as you would any normal Firefox add-on/extension and once installed, set the language preference under Options on the Firefox Add-ons page. Now all that is left is to browse to Facebook, find an album you wish to download, right-click and select “Download with FacePAD”.

If your default download path in Firefox is set, you’ll get a javascript prompt to confirm and after clicking yes, all the photos contained in the set will be added to Firefox’s normal download manager and start downloading.

Couldn’t be any simpler! :)

Download Link: https://addons.mozilla.org/en-US/firefox/addon/8442

Related Link: http://lazyrussian.com/my-projects/facepad-facebook-photo-album-downloader-2/

Send Highlighted Text and Link via Email Fast! CodeUnit 09 MAR 2010

Arthur Sabintsev (aka LazyRussion) brings to us the brilliant little Firefox add-on named Email This! which basically allows you to right-click on any selected text on any webpage your are currently browsing and then send the highlight text, title plus link to an email recipient using GMail, Google Apps GMail, Yahoo or even standalone mail clients like Outlook Express or Thunderbird.

The amount of times I want to send an email to myself containing the exact data I just mentioned above for later reference is a lot, so this little add-on is certainly proving to be one hell of an effort saver! :)

To use, simply install as normal and once installed, set the necessary mailer preferences by clicking on the Options button under the Email This! entry on the add-ons page. Once set up, Email This! now becomes usable via either a toolbar entry or a right-click context menu option.

All that, all that is left is now to browse to a page, highlight a passage of text and click send! Brilliant I tell you! :)

Add to Firefox: https://addons.mozilla.org/en-US/firefox/addon/3102

Related Link: http://lazyrussian.com/my-projects/email-this-firefox-extension/

Shortcut Keys for Tabbed Browsing CodeUnit 05 FEB 2010

You seriously learn something new every day. I only just found out about keyboard shortcuts to enhance tabbed browsing, something that has been a feature in Firefox (and more recently Internet Explorer) for years already.

And because I fear that there may still be people like me outside there in this great big world of ours, I thought I’d better share these keyboard shortcuts that work across most tabbed browsers with you!

So let’s start then.

In order to open a link in a new tab and jump straight to it, hold down CTRL+SHIFT and click on the link. In order to open it up in a new tab but NOT jump straight to it, simply hold down CTRL and click on the link. CTRL+T will simply open a new empty tab and jump you straight to it.

To jump to the next open tab in your tabbed browser, simply press CTRL+TAB. To reverse through your open tabs, use CTRL+SHIFT+TAB.

CTRL+W will close the tab you are currently focused on.

If you want to jump to a specific tab and you have 8 tabs open, pressing CTRL+n where n is a number between 1 and 8 will jump you directly to that particular tab based on the order in which it currently sits. CTRL+9 generally takes you to the last open tab.

And finally, in Internet Explorer, pressing CTRL+ALT+F4 will close all tabs except for the one you are currently viewing. Also, and probably the coolest of the lot, CTRL+Q opens up a new tab which lists all your currently open tabs with a thumbnail, similar to the way Chrome displays its blank tabs.

So now you know! ;)