8 Nov 2009

jQuery: jQuery Image Gallery with a Polaroid Style

Click here to download:
polaroid_photo_viewer.zip (2245 KB)

polaroid_css3_jquery.png

this jQuery Image Gallery can inspire you if you are working on a concept site. it works well (maybe loading duration seems not goo but it worth to use it) and easy to set up.

you can drag and drop images, add titles to photos and the depth of photos change dynamically as you click on them. it is just like real polarid photos on you desktop nad this plugin maybe useful and enjoyable on multi-touch screens.

here is the demo page and you can visit the complete article of this plugin.

8 Nov 2009

jQuery: jQuery Gestures is Amazing. Making You Ready For Multi-Touch Screens

Click here to download:
jQueryGestures.zip (21 KB)

from adrien friggeri.

poc_gestures.png

if you want to make ready your web site for multi-touch screens, you should check this jquery gesture plugin. with this plugin, you can add tricks to every elements of your site.

you can visit demo page here and visit the complete tutorial here.

8 Nov 2009

jQuery: TextArea Resizer is Perfect Who Hate Small TextArea Boxes

Click here to download:
TextArea_Resizer_1.0.4.zip (3 KB)

from binarybasher at jquery.com

textarearesizer-thumb.png

this jquery plugin help visitors to expand the textarea box (mail forms for example) and make writing long texts easier.

you can visit demo page here and for complete tutorial at jquery's official site, you can click here.

8 Nov 2009

jQuery: Analog Clock for Your Website with jQuery and CSS3

Click here to download:
CSS3Clock.zip (503 KB)

from Toby Pitman on css-tricks.com

clock.jpg

this exprerimental design item can be very nice and easy to use. just using jQuery and CSS3, you can add an impressing design item to your web site.

you can visit the demo page and complete article here. the programmer posted an alternative of this clock written by Soh Tanaka can be checked here.

8 Nov 2009

jQuery: Date Range Selector is one of the most Perfect Calendar Plugins

from Chris Stormer.

transendent.jpg

this calendar plugin is really one of the best i have ever seen. animation, simplicity, clearness is in one hand.

here is the demo page and you can visit complete article here of the programmer.

Click here to download:
transendent-date-range-picker.zip (58 KB)

About Chris Stormer:

chris has his own blog chrisstormer.com and he writes about CSS, General Marketing, Inspiring Designs, Photoblog, PPC Marketing, Productivity, SEO Marketing, Software, Stocks, Web Standards and more.

8 Nov 2009

jQuery: prettyCheckboxes is allow you redesign the checkbox and radio button items in your form

from Stéphane Caron.

this jQuery Form Element ReDesigner plugin can help you if you don't like the OS generated radio button and checkbox form elements any use you own designed ones.

you can visit the demo page and don't forget that; the green thicks of checkboxes, the blurry shadows can make you think "where is the pretty part?" but those are just for demo pages and you are able to use you own designed ones and customize them as you want. below the demo page, you can get more info about it.

Supported Browsers

  • Firefox 3.0 (Mac/PC/Linux)
  • Firefox 2.0 (Mac/PC/Linux)
  • Opera 9.5 (Mac/PC)
  • Safari 3.1.1 (Mac)
  • Internet Explorer 6.0 (PC)
  • Internet Explorer 7.0 (PC)

Your review, sharing and suggestions are so important for me. Please leave a comment and ReTweet this article.

About Stéphane Caron

the programmer has a blog names no-margin-for-errors and has many jQuery plugins with a prefix "pretty" like prettyComments, prettyPhotos, etc.

 

Click here to download:
prettyCheckboxes_uncompressed..zip (52 KB)

8 Nov 2009

jQuery: SexyCombo is a Cool Select Menu, ComboBox or DropDown Menu with AutoComplete

from Vladimir Kadalashvili.

this jQuery Plugin for web designers and developers who wants an easy to use but effective Select Menu (DropDown Menu or ComboBox) for form elements.

this plugin is has been tested by the programmer on this browsers:

  • Internet Explorer 6 (PC)
  • Internet Explorer 7 (PC)
  • Firefox 1.5 (Linux)
  • Firefox 2 (Linux)
  • Firefox 3 (PC)
  • Opera 9 (PC)

you can visit the demo page or download all versions from the download page of this amazing plugin.

Your Comments or Sharing is important for me. Please write a review or ReTweet this article.

About Vladimir Kadalashvili:

21 Years old web programmer from Tashkent Uzbekistan. You can visit his personal site for more.

Click here to download:
sexy-combo-2.1.2.zip (105 KB)

8 Nov 2009

jQuery: Image Rotator with Preview

from Soh Tanaka.

   

this image rotator can be used as a product carousel for ecommerce sites, as an image gallery for photo portfolio sites, as a quick preview section for tutorial blogs or as a summary viewer of news etc.

you can check the Live Demo here or visit the complete tutorial at designm.ag.

Your Comments or Sharing is important for me. Please write a review or ReTweet this article.

About Soh Tanaka:

Soh Tanaka is a Los Angeles based Web Designer and blogger, who recently launched a CSS Web Gallery called Design Bombs. For more front-end web development tutorials, check out his web design blog or you can follow him on twitter @SohTanaka.

Click here to download:
Image-Rotator-with-Preview.zip (22 KB)

2 Nov 2009

jQuey: 10 Amazing jQuery Animations

this collection of amazing jQuery animations is posted on a Turkish site named bildirgec.org. here is the list of the jQuery animations and demo links

visit article

  • Smoke Effect (Demo)
  • Animated Postcard (Demo)
  • Realistic Hover Effect (Demo)
  • Scrolling Background Effect (Demo)
  • Glimmer (Demo 1) (Demo 2) (Demo 3)
  • jQuery Blend (Demo)
  • Parallax Scrolling Background (Demo)
  • Sliding Door Effect (Demo)
  • parallax (Demo)
  • Animated Header (Demo)

                 

1 Nov 2009

jQuery: Useful jQuery Plugins and Techniques

this article from noupe.com can help you add new dimensions to your site.

Do you ever think "Ugh" when it is time to update or redesign your site? jQuery has a fantastic library of plugins and tutorials that can speed the benefits of developing your site while demanding less time and improving workflow constraints.

noupe.com


jQuery Resources for Tables

  1. Expand table rows with jQuery – jExpand plugin
  2. jQuery Highlight Demo
  3. jQuery plugin: Tablesorter 2.0
  4. DataTables (table plug-in for jQuery)

Forms jQuery Plugins

  1. Password Strength – Estimates brute force time (jQuery plugin)
  2. Masked Input Plugin
  3. Ajax Fancy Captcha – jQuery plugin – WebDesignBeach.com
  4. jQuery plugin: Validation
  5. Pixelmatrix Design – Announcing Uniform
  6. jQuery Nice Form
  7. JavaScript image combobox v1.5
  8. Opensource – AJAX – Jqtransform – jQuery form plugin
  9. Password Strength Meter (a jquery plugin)
  10. meioMask – a jQuery mask form input plugin
  11. jQuery AlphaNumeric
  12. Release: Validation Plugin 1.5.2
  13. jquery-keyfilter
  14. boxy – Facebook-like dialog/overlay, with frills

jQuery Image/Media Resources

  1. jQuery Virtual Tour
  2. Fullsize : A New IMG Tag Attribute
  3. Simple JQuery Image Slide Show with Semi-Transparent Caption
  4. Easiest Tooltip and Image Preview Using jQuery
  5. Jquery Plugin MopTip 2.2
  6. A jQuery Plugin for Zoomable, Interactive Maps – New Media Campaigns

Navigation jQuery Plugins

  1. Using jQuery Visited Plug-In.
  2. jQuery Ribbon

Further Useful jQuery Resources

  1. js-hotkeys
  2. jQuery Plugins by Dylan Verheul
  3. iPhone-like password fields using jQuery
  4. Ready for use: CSS3 Template Layout
  5. JSS
  6. jQuery Stuff
  7. JHeartbeat 0.1 Beta
  8. jQuery Impromptu
  9. jQuery Spotlight
  10. jQuery Page Peel 1.2

i checked many of this jquery plugins and my favorites are DataTables under jQuery Resources for Tables, Password Strength – Estimates brute force time, JavaScript Image ComboBox and jQuery plugin: Validation under Forms jQuery Plugins, jQuery Virtual Tour under jQuery Image/Media Resources.

you can visit the complete article here.

         

KntL's Posterous

Web.Design.Tech.Life