The W3C didn’t just add time back though; they’ve improved it considerably. While nothing has changed with the human-readable part — that is, anything between

<time> and </time> — the datetime attribute has been imbued with new superpowers.

The original version of the time element was rather strict; under the original spec datetime data needed to refer to a specific date. For example, to mark up today’s date you might do something like this

<time datetime="2012-02-17">February 17, 2012</time>

That’s all good and well for days, but what if you just wanted to specify a month? Or a year? What do you do when trying to mark up date-based blog archives, or something in history where the precise date is unknown? The new date spec allows for just that.

To specify a date no more precise than a month you’d do something like this: <time datetime="2012-02">. Take away the month and it would refer to just the year. Other options include the week of the year and a date without a year (for referring to reoccurring events, e.g. holidays).

To see some more examples of the datetime attribute and what you can do with it, head over to Bruce Lawson’s blog. Lawson, who is part of Opera’s developer relations team, recently looked at just about everything you can do with datetime, including specify durations (which uses a somewhat confusing set of abbreviations).

There are two things to keep in mind when using the time element. First, you still can’t represent dates before the Christian era, and second, the pubdate attribute may be cut from the HTML5 spec. Pubdate, which is a boolean attribute for indicating publication dates, is still present in the WHATWG version of HTML5, but there’s a proposal to drop it.

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