Tag Archives | javascript

QuickJava

QuickJava allows quick enable and disable of Java, JavaScript, cookies, image animations, flash, silverlight, images, stylesheets and proxy from the status bar or tool bar.

Continue Reading →

PrefBar

PrefBar ReviewThe all in one toolbar(item). Houses and manages bigger amounts of buttons (Clear Cache, Clear Cookies, …), Menus (User Agent spoof…) and checkboxes (Javascript, Flash, …). Extensible from online-database or with self created buttons.

Continue Reading →

RE-enable Enable JavaScript

SettingSanity ReviewOver time Mozilla adds and removes features from Firefox that we all love or hate. SettingSanity is an add-on that will add back a few of those features you might have missed. SettingSanity is a solution to the inane removal of some of the most useful features in Firefox. It also adds the option of toolbar buttons for toggling Images and JavaScript without opening the Options window.

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 →

Bookmarklets 101

Learn About BookmarkletsBookmarklets are small applets that are stored as the URL of a bookmark in a web browser.  They are in no way unique to Firefox (you can use most with any other browser out there). When clicked, rather than taking you just to a specific page – they might perform another function that you need to do.  Most of the time, these are written in JavaScript.  Now, you don’t need to be any type of programmer to use them and I have found  a great resource for you to use to find a lot more.

Continue Reading →

Firefox 3.6 Has Been Released!

Firefox 3.6!

Firefox 3.6 Released!

The latest version of your favorite browser has been released.  Firefox 3.6 is now available via Mozilla’s web site.  The big update this time around is the built in support for Firefox Personas.

Need more? Here’s the full list of new features that Firefox 3.6 brings:

  • Available in more than 70 languages – get your local version.
  • Support for a new type of theme called Personas, which allow users to change Firefox’s appearance with a single click.
  • Protection from out-of-date plugins to keep users safer as they browse.
  • Open, native video can now be displayed full screen and supports poster frames.
  • Improved JavaScript performance, overall browser responsiveness, and startup time.
  • The ability for web developers to indicate that scripts should run asynchronously to speed up page load times.
  • Continued support for downloadable web fonts using the new WOFF font format.
  • Support for new CSS attributes such as gradients, background sizing, and pointer events.
  • Support for new DOM and HTML5 specifications including the Drag & Drop API and the File API, which allow for more interactive web pages.
  • Changes to how third-party software can integrate with Firefox in order to prevent crashes.

More Firefox 3.6 Tips, Tutorials and Help!

Overall, not a bad upgrade.  If your Firefox has not updated it’s self yet, you can always pick up the update at Mozilla’s web site. What do you think of Firefox 3.6?  Love it? Hate it? More interested in Firefox 4?  Leave you feedback in the comments!

Jetpack Gallery

Gallery of Jetpack Add-ons

Do you remember Jetpack?

It is the Mozilla Labs project that makes the add-on building process easier, mixing elements of HTML, CSS and JavaScript.  Mozilla has released an awesome Jetpack Gallery, which serves as a community for Jetpack developers and add-on users.

Continue Reading →

Update: Firefox 3.5 First Fixes Are Ready

Firefox 3.5.1 Released

The first update to Firefox 3.5 has just been released.  To get the update right now, all you need to do is go to Help > “Check for Updates…” in your browser.  So what exactly is this new update fixing? 

Both the slow startups for Windows users and the JavaScript memory corruption flaws have been fixed.  After the update is in place, if you set javascript.options.jit.content to false via about:config, you can now go back in and set it to true again.

For more changes and updates in Firefox 3.5.1 – be sure to check out the release notes.

Introducing Jetpack for Firefox

Ever wanted to write your own Firefox extension, but thought the process was too drawn out or difficult to do?  Jetpack is looking to use open Web technologies to enhance the browser.  The idea here is that if you can make a web page, you will be able to build an add-on for Firefox.

This video does a great job at giving you a basic walk-though of what Jetpack development looks like thus far:

Mozilla Labs Jetpack – Intro & Tutorial from Aza Raskin on Vimeo.

Overall, I am really excited about this!  I always love to tweak away at Firefox using tools like Greasemonkey and Stylish (which Jetpack reminds me of, in a sense of being simple ways to extend the browser).

Word of warning, this is an extremely early release of the software, that is still being designed and developed.  This version that is out now is pretty much just for the developers and testers who want to start getting their hands dirty.

Grab Jetpack, and play around with it yourself.  It might not be for everybody, however should really help to inspire those of us who like to tweak around with our browser to make it work for us.

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.