Tag Archives | resize

PopVideo

PopVideo ReviewPopVideo takes an ordinary video embedded on a web page, and pops it out of the page, allowing you to resize and move your video around the page. Why be a sucker and watch a small, sad video stuck in the middle of a page when you can POP it out and live the big cinema video life?

Continue Reading →

Advanced JavaScript Settings in Firefox

JavaScript TweaksFirefox allows for you to specify a few things that JavaScript can and can not do, but you must edit it under the advanced JavaScript settings. The steps to get there are pretty simple, but for those of you who don’t know – here is another way you can get a little more control over Firefox and how the browser handles JavaScript commands.

Continue Reading →

Drag Button for Firefox

Drag Button Add-on for FirefoxThe Drag Button add-on for Firefox will give you more toolbar buttons to add into Firefox, giving you the ability to drag, minimize and more from the click of a button.  Once installed, you can unleash these new customizing options by simple customizing your own toolbars from within Firefox.

Continue Reading →

Window Resizer

Quickly Resize Firefox

Is that Firefox browsing window too big or too small for you?  Maybe it is just right, and you would like to keep it that way?  The Window Resizer add-on for Firefox lets you resize Firefox to tons of sizes (and remembers them for later!).

Continue Reading →

Remove the Resizer “Thingy” in Firefox

remove-grabber Why does Firefox have that little resizer corner thingy?  The one that rests in your status bar, on the far right side.  I am not even sure what to call it.  It has no point, because I can grab Firefox from all four corners to resize it to the size I want.  So the question remains – how do I remove it?

I now turn towards my favorite Firefox modification tool, Stylish to do the job for me.  Go check out ffox 3 no resize”thing” in the lower right corner and load that into Stylish (or Greasemonkey).  Now, you should have a little more status bar room.

As an extra bonus, if you want to make your status bar appear more flat, and remove the borders between things – copy and paste this into Stylish.

/* ::::: flat statusbar ::::: */
.db_downbar, statusbarpanel, .statusbarpanel-iconic,
  .statusbarpanel-iconic-text, .statusbarpanel-menu-iconic,
.progressmeter-statusbar, progressmeter {
  -moz-appearance: none !important;
  border: none !important;}

Credit for that tip goes to the mozillaZine forums.  Doing so should remove the junk and leave things with a cleaner look.

Resize and Reposition Your Browser with JavaScript

resize-browser Don’t you have it when you have lost your perfect spot for your browser window in your desktop layout and you have to put it back by dragging it over, then resizing each corner till it is back in that perfect spot yet again?  Well, with the help of a little JavaScript you can take the mess out of resizing and repositioning your browser.

Why Resize and Reposition Firefox Automatically?

When working I usually like to keep up a chat window, a notepad program and Firefox.  The notes and chat can stay a little smaller, stacked on top of each other on the side but Firefox needs to be in the left over big space.  So this is the JavaScript I used to put in in its spot:

javascript:resizeTo(1024,1000);self.moveTo(640,10);

That says to keep the browser 1024 in width, 1000 pixels high and to move to to the desktop location of 640 pixels left and 10 pixels down.  If you used:

javascript:resizeTo(1024,1000);self.moveTo(0,0);

That would set it up to be in the top left corner.  Depending on your screen size those last two numbers are what you want to change to get the position right and the first two number would be your browser size.  There is probably some mathematical way to figure out the right number for the position you want – but if your like me you just changed the numbers around till you got it in the position you need.  What if you wanted the browser height to be all the way from the top of the screen to the bottom?  In that case you could change the second number in resizeTo (in both examples that would be the 1000) to screen.availHeight.

javascript:resizeTo(1024,screen.availHeight);self.moveTo(0,0);

Notice now that by copy and pasting this into your address bar and hitting enter will make the browser as tall as it can be, with the width of 1024 pixels and in the left side of the screen.

How do You Create the Resizing Bookmark?

Now how can you create a bookmark to do this in Firefox?  Simple.  Right-click on your bookmarks toolbar, and select “New Bookmark”.  Name can be anything.  I call mine – Resize Browser.  Location is where you want to type in the JavaScript string above.  In keyword, type in a simple tag such a “r” or “resize”.  That way when you type in “r” into the address bar – it will automatically resize Firefox back to your perfect location.   Description can be left blank.  Hit the Add button, and you are done.

In the memory of every great cooking show I have ever seen, let me take a page out of their book and give you a link to drag into your bookmark toolbar so you can see the effects of this simple desktop organizational hack:

Now I know somebody will bring up the fact that a number of extensions will do this same action too.  This provides a way of simply adding the feature in without the need of another add-on.

javascript-settings Having Problems? 

To use these JavaScript tips, remember you have to have JavaScript enabled in your Firefox options.  Go to Tools > Options and then the Content Tab.  Make sure there is a check mark next to “Enable JavaScript”.  Also, in the Advanced settings be sure to allow scripts to move or resize existing windows.

With a little help from JavaScript and some creativity you will never lose your favorite browser size on your desktop.

Make the Search Box Work (and Resize) for You!

1174761255 I remember one of the early problems with every version of Firefox (until 3 came out) was the fact that you couldn’t edit how long the search box in the right corner should be.  Thankfully, with Firefox 3, now all you have to do is stretch it over to fit your needs.  So why would you need any of the older add-ons like Searchbar Autosizer?

Let me tell you there are still plenty of good reasons to give this Firefox search tool a shot.  Once installed, it shrinks your search box to the smallest size it can.  However, as you type into the search box, it extends itself to the left – so you can see everything you have typed in thus far.

Diving Deeper into the Searchbar Autosizer Options…

You can configure just about every size and resizing option with the add-on, but for those of us who don’t like to get too geeky there are three basic setting to choose from:

  • Size incrementally, to each letter
  • Enlarge Search box on first strike
  • Keep the same width all the time

When you have finished submitting a query, you can also choose to empty the search box (or not), revert to the default search engine (or not), and shrink search box to button if empty (or not).  They also promote the fact that their extension should work with any Firefox theme out there.  After testing with a few, I couldn’t prove them wrong on that point.   If you get stuck, they have a pretty nice FAQ too.

Searchbar Autosizer - Screenshot 1 Searchbar Autosizer - Screenshot 2 Searchbar Autosizer - Screenshot 3

You can pickup this classic Firefox companion at the Firefox Add-ons web site or at the official web site for the extension.

Text Area Resizer and Mover

1 Isn’t there already a text area resizer add-on for Firefox?  Yes, there is. Text Area Resizer & Mover however adds some more functionality and class to an already great Firefox add-on idea.

To use the add-on, just resize by right-clicking anywhere inside of the text area.  With this, dragging becomes an really easy task and the often sensible site layout remains untouched.  Here is more help on how to use this extension from the author.

Additionally you can move whole text areas to another place. Double click inside of an area and all areas will get unlocked and movable. The repositioned area will stay fixed on the place of your choice even if you are scrolling the page. Double click once more to lock the areas again. The extension’s options allow some manual adjustments (e.g. use context menu item instead of double click or additional key modifiers for mouse gesture users).

You can pickup Text Area Resizer & Mover at the Firefox Add-ons site or the extension’s official home page.

Tell JavaScript What it Can and Can Not Do

Controle de Scripts is an add-on for Firefox that allows you to control what JavaScript on a web site can (or can not) do to your browser.  Here is a little more about the extension from the developer:

control-javascript-firefox

Besides the well-known basic permissions, like hiding toolbars or raise or lower windows, with Controle de Scripts you can set what functions or properties each site can access or modify, thanks to its Security Policies implementation.

Think of it as the regular permissions for JavaScript (setup by going to Tools > Options > Content and then the “Advanced” button next to “Enable JavaScript”) on steroids.  Some say these are the tools Firefox should provide by default – and now you can at least add them on for good measure.

Pickup Controle de Scripts via Mozilla Add-ons Site or the official site for this awesome JavaScript controlling addition to the browser.

Fixing Firefox Popup Annoyances

Two popup window annoyances that come up are when you yourself can not resize a window because the designer has locked it down to that one shape and size and when a web site resizes your windows or moves them around without asking. We will start with that one first.

Stop Resizing and Moving My Firefox Browser

Want to stop the ability for web sites to resize your browser window or move it around? In Firefox go to Tools, then Options the the Content tab. Where you see the check mark box for “Enable JavaScript” hit the Advanced button next to it. Here you can enable or disable the ability for web sites to resize or move your existing window.

Turn Back on My Ability to Resize Any Popup Myself

Now the second situation you might find yourself in is when you want to resize the window but the designer locked it down so that you can’t. Thanks to gHacks.net though for finding this next tweak, you can override the “cannot resize popup” setting when you run into popups that can not be resized.

There is however a way in Firefox to override the “cannot resize popup” setting which in turn makes it possible to resize any popup that you might come across. To do so you need to type about:config in the address bar of Firefox and filter for the term dom.disable_window_open_feature.resizable. Set the value of this setting to true to be able to resize all windows in Firefox.

Restart Firefox and you should be able to resize those popup windows on any web site.