Got a list of featured Google Chrome Extensions for Web Developers. Speed Tracer, Resolution Test, JavaScript Tester, Avaiary Screen Capture, CSS Viewer, JSon View, Picnik, Window Resizer, Chrome Editor, Multiswitch etc…

The Google font directory help you browse all the fonts available via the Google Font API. You can use all the available fonts on your website under an open source license and served by Google servers. You can use it for your commercial or non-commercial project.

You don’t need any programming, just add a special stylesheet link to your HTML document, then refer to the font in a css style.The Google Font API is compatible with Google Chrome 4.249.4+, Firefox 3.5+, Safari 3.1+ andIE 6+. However, The Google Font API is not currently supported on iPhone, iPad, iPod, or Android.

AutoSuggest jQuery Plugin for Your Website

AutoSuggest jQuery Plugin is lightweight plugin makes auto completing easy. It will turn regular text input box into a rad auto complete box. It will dynamically create all the HTML elements that it needs to function. You don’t need to add any extra HTML to work with AutoSuggest. AutoSuggest jQuery Plugin not using images and all styles done 100% in the included CSS file. So you can customize look and everything by editing the included CSS file. Size of the AutoSuggest jQuery pluigin is 7kb and created by Drew Wilson.

A Slideshow Plugin for Your Website - jQuery Cycle Plugin

Want to slide a photo in your website? or photo with content or dynamic content. If you are a web designer, the client will ask you to put some scrolling or dynamically change content to their website to attract or notify the users to specific area or a product. Then use the jQuery Cycle Plugin. It’s a light weight slideshow plugin, implementation based on the InnerFade Plugin by Torsten Baldes. Available with lot of effets and very easy to use. Just add the method called cycle to the container element. Each child element of the container become a slide.

JQuery PageSlide Plugin by Srobbin

Srobbin has developed a JQuery PageSlide plugin, it’s allow any developer to recreate a similar interaction on their own website with a few lines of JavaScript. By attaching the method to an anchor tag, pageslide wraps the original body content into a wrapper and creates an additional block for the secondary content load.

MooTools Overlay Plugin from David Walsh

David Walsh has created his own overlay effect using MooTools JavaScript. The overlays have become a big part of modern websites; we can probably attribute that to the numerous lightboxes that use them. He has found a ton of overlay code snippets out there but none of them satisfy my taste in code. Many of them are bloated, inflexible, or nonfunctional. The only way to make myself happy was to create one of my own.

A JQuery Plugin for Splash, entry and promotion pages

Jarod Taylor comes with a JQuery plugin called Meerkat. It’s a popup like behavior. Whether it’s used as a simple promotional tool, a roost for advertisements, or even as an alternative to a splash or entry page; Meerkat is unobtrusive, cross-browser compatible, and degrades gracefully if JavaScript has been disabled.

AnythingSlider- An Another jQuery Plugin

CSs Tricks has introduced a JQuery plugin called AnythingSlider. Chris Coyier has created a number of different sliders. Featured Content, Start/ Stop Slider and Moving Boxes. Each of them had some cool interesting feature.

This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier. You can see the demo for AnythingSlider here.

Blind-effect MooTools Slideshow-Floom

Blogolicious introduce Floom is a Blinds-effect MooTools slideshow. Floom has two ways to setup. One is the object way, you can specify the image url and caption using the key-value notaion. The second one is by simply passing a element collection, ie. $$(‘#blinds img’), where the passed element has to be the actual image collection. In this scenario the caption is the elements title attribute. See the demo for floom here.