DesignerFied.com » jQuery

Creating An Awesome Polaroid Photo Viewer

Jake Hurst — Thu, 13 Aug 2009 19:49:58 +0000

This is a great script if you want to build a cool looking photo gallery. Its called Polaroid Photo Viewer and its powered by jQuery and CSS3. Check out the demo! You can drag your Polaroids around the page. I like it!!!

This example is making use of CSS3 and jQuery, just to show the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean.

Demo

Script Link

jQuery Powered Translation

Jake Hurst — Mon, 23 Mar 2009 22:25:01 +0000

SundayMorning is a jQuery plugin which allow site-owners to offer their visitors some easy and fancy ways to translate their content in more than 30 languages. Its so awesome!

Check it out SundayMorning

imgPreview Powered By jQuery

Jake Hurst — Sat, 21 Feb 2009 08:44:21 +0000

The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time!

imgPreview Powered By jQuery

Click Here to see the demo

Building a jQuery-Powered Tag-Cloud

Jake Hurst — Tue, 03 Feb 2009 02:02:56 +0000

A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud. Aside from the actual links themselves, which give people an idea of the subjects that your site covers, they can also show how popular the different subjects are.

http://nettuts.com/tutorials/javascript-ajax/building-a-jquery-powered-tag-cloud/

Accessible News Slider

Jake Hurst — Sat, 17 Jan 2009 08:40:08 +0000

Accessible News Slider is a JavaScript plugin built for the jQuery library. The plugin does not use color as a primary indicator of a change in state for the slider. Instead, the “back” and “next” navigation is either visible or hidden. There is also an indicator that communicates the total number of news items.

Link http://www.reindel.com/accessible_news_slider/

Beautiful jQuery Slider

Jake Hurst — Fri, 05 Dec 2008 07:29:56 +0000

As of right now this is my favorite content slider! Its called s3Slider and is built by serie3.info. There are tons of content sliders out there but this one to me is really clean and professional looking. Go here to check out the demos

Cool jQuery Feed Menus

Jake Hurst — Sun, 12 Oct 2008 04:38:54 +0000

An easy and standard way of offering your feeds via a nice, compact menu.

http://www.komodomedia.com/samples/feed_menu/

jParallax makes it look cooler

Jake Hurst — Thu, 11 Sep 2008 23:19:45 +0000

Parallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport.

These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

Link

Could be The Simplest jQuery Tooltip Ever

Jake Hurst — Tue, 12 Aug 2008 07:43:53 +0000

That’s right, this is probably the easiest way to add tooltips to your site. What I really like about this is that you can add a tooltip a link and when you hover over it you will see a screenshot of that link.

Link: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Demo1: http://cssglobe.com/lab/tooltip/01/

Demo2: http://cssglobe.com/lab/tooltip/02/

Demo3: http://cssglobe.com/lab/tooltip/03/

How to remove that dotted outline when a link is clicked

Jake Hurst — Sun, 03 Aug 2008 00:42:47 +0000

In some browsers like FireFox when you click a link you will see little dotted lines around it. Some website designers don’t like to see this. It doesn’t really bother me but some day it might so just in case this can be fixed easily with a nifty little plugin for jQuery. Its called jQuery Link Scrubber and can be found here.

This can be achieved with CSS but with jQuery its so much cooler and easier to do!