If you’d like to try out Firefox 9, head on over to the Mozilla downloads page. If you’re already using Firefox you’ll be automatically updated to version 9.

The big news in this release is under the hood where Firefox now supports what’s known as Type Inference. Type Inference is a new feature for Firefox’s SpiderMonkey JavaScript engine and means that complex JavaScript websites — which, let’s face it, is pretty much every website these days — should run faster. According to Mozilla, Firefox 9’s Type Inference should make the browser between 20 and 30 percent faster.

Alongside the faster JavaScript processing Firefox 9 continues to show improvements from Mozilla’s MemShrink project, an ongoing effort to reduce memory usage in the browser. Indeed, for the first time in a very long time my testing showed Firefox 9 using less memory than Opera (which has long been the least RAM-hungry browser I test). Opening the same dozen tabs in both Firefox and Opera used only 367MB of RAM in Firefox compared to 378MB in Opera 11.60 [Update: Note that the memory test was performed with the following Firefox add-ons running: AdBlock, Ghostery, BetterPrivacy and HTTPS-Everywhere.] There’s no longer much difference between the two, which is a testament to Firefox’s dramatic improvement over the last six months of MemShrink efforts.

Web developers get a few new toys in this release, including a fullscreen mode that allows any HTML element to take over the screen. Although fullscreen is primarily associated with video elements, there may be occasions (for example, HTML elements used in web-based games) where it makes sense to take over the screen. For now the fullscreen feature needs the -moz prefix to work.

Firefox 9 also includes a new “dim the lights” feature for HTML5 video. Dimming the lights means that Firefox will overlay the rest of the browser window with a gray background that let’s you focus on the video in question. Check out this demo video which shows the dimming in action.

While most of what’s new in Firefox 9 is under the hood, Mac users will notice a few cosmetic changes like a slightly tweaked look and feel that more closely matches the Mac OS X Lion toolbar styles. There’s also now support for two-finger swipe gestures to navigate back and forth in history (mirroring the same features in Chrome and Safari).

Firefox 9 is well worth the upgrade. If you moved away from Firefox due to speed problems and bloat this release warrants another look. Those plagued by the rapid release cycle’s habit of breaking add-ons may want to hold off, though. Firefox 9, for all its other improvements, may still break some add-ons. Mozilla has a solution to the breaking add-ons problem in the works, but it won’t arrive for another six weeks when Firefox 10 is released.

Orignal Source : http://joshduck.com/periodic-table.html

It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.

Portamento also has sensible behaviour if the user’s viewport is too small to display the whole panel, so you don’t need to worry about users not being able to see your important content.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://simianstudios.com/portamento/
Download: https://github.com/krisnoble/Portamento

It converts standard <input> elements into ones with rounded corners having an attractive focus effect. And, radio + checkbox elements are completely customized.

No images are used, they requires minimal HTML syntax and can be completely styled with CSS (comes with 3 themes).

The framework is unobtrusive and degrades gracefully with JavaScript disabled.

Requirements: jQuery
Compatibility: IE 7+, Firefox 3+, Chrome 3+, Safari 3.1+ and Opera 11+
Website: http://www.jqidealforms.com/
Download: http://code.google.com/p/idealforms/downloads/list

Flux Slider is an image slider using CSS3 animations for creating good looking 2D or 3D transitions.

It requires jQuery or Zepto.js, inspired from the transitions of Nivo Slider jQuery plugin and mimics them without using traditional JavaScript-timer-based animations.

Currently, there are 10+ transitions including Bars-Bars3D, Blinds-Blinds3D, Cube, Zip and more.

It can display a pagination and/or prev-next controls for browsing through the items.

Also, there are functions provided for auto-playing the slides and displaying captions with each.

P.S. The slider can be controlled with custom events with its API as well.

Requirements: jQuery or Zepto.js
Compatibility: All Modern Browsers
Website: http://www.joelambert.co.uk/flux/transgallery.html
Demo: http://www.joelambert.co.uk/flux
Download: https://github.com/joelambert/Flux-Slider

glfx.js is a JavaScript library for applying effects to images using WebGL.

The library has a wide set of built-in-filters including brightness/contrast, curves, sepia, hue/saturation, noise, lens blur, tilt shift, hexagonal pixelate and much more.

glfx.js has 3 parts:

• texture: a raw source of image data (created from an <img> tag)
• filter: an image effect (represents one or more WebGL shaders)
• canvas: an image buffer that stores the results (a WebGL <canvas> tag)

Every filter comes with different variables that can be configured to create custom effects.

Requirements: No Requirements
Compatibility: Most Modern Browsers
Website: http://evanw.github.com/glfx.js/
Download: https://github.com/evanw/glfx.js