20+ Demos Showing Advanced jQuery Effects Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website. Since the introduction of the iPad, with its lack of the Flash Player, there’s an acceleration in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others. Although Flash is still a very powerful and useful tool, which works great on many cases, several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery. Here are 21 online demos that show the power of jQuery for creating advanced effects and interactivity that can rival Flash. 1. This demo mimics the popular card flip technique which can rotate an element 360 degrees around its own x or y-axis. 2. jQuery Quicksand plugin This is a great plugin for sorting an array of elements/icons on a page with nice fade-in/fade-out and animation effects. 3. 4. 5. 6. 7. jQuery Circulate 8. 9. 10. 11. 12. 13. 14. 15. 16. 19. 20.
10 Fresh jQuery Plugins and Tutorials | Tutorials The popularity of jQuery continues to grow. This means that we’re seeing it used on more websites these days, and there are more developers coming up with new ways to use it. The great thing about that is many of these developers are sharing what they learn though tutorials and plugins. We’re always on the look out for this new jQuery stuff. Beautiful Background Image Navigation This tutorial will teach you how to create a beautiful navigation that has a background image slide effect. Quovolver Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way. Lettering.js Lettering.js is a lightweight, easy to use jQuery plugin for radical Web Typography. imgAreaSelect imgAreaSelect is a plugin for selecting a rectangular area of an image. An HTML5 Slideshow w/ Canvas & jQuery This tutorial will help you create a progressively enhanced slideshow with a fancy transitioning effect, which is perfectly functional in older browsers as well.
10 Very Useful Ajax Plugins for your Websites 10 Ajax plugins collection This is collection of most interesting fresh Ajax plugins. Here are plugins and for working with images, and for paypal, and for pagination, and for navigation and another. Image Zoom & Pan Gallery, 360° Object Rotate (Spin), Fullscreen View. Online demo you can find here. 2. Nice way to display long lists. 3. By default – it made for comments, but, you can easy to apply it to another, as example – possibility to display next X blog posts (so you can use it for pagination too). 4. This plugin is drag and drop image file uploader. 5. jpaging jQuery AJAX paging plugin. 6. jsLink jQuery Broken Link Checker Plugin. 7. This plugin will add a full function shopping cart to your website. 8.jNavigate This plugin will allow to load your website content dynamically. 9.Ajax Login Form Easy ajaxy login form for your website. 10.Transform This plugin allow users to easily make cross-browser XML transformations with XSL. Conclusion
10 Useful jQuery Plugins jQuery is great for enhancing a website. Whether it be by adding effects that give the site a wow factor, or by making navigation easier, jQuery can have a big impact on the way a website is perceived and used. jQuery is extremely popular among web designers and developers for it’s flexibility, ease-of-use, and of course it’s plugins. So for this post, we’ve rounded up 10 more jQuery plugins and techniques that you should find very useful. Supersized 3.0 Plugin This plugin produces a full screen slideshow complete with transitions, preloading, and navigation controls. Apple-like Retina Effect Learn how to create an Apple Retina Display magnifying effect with jQuery and CSS. Flip! Flip is a jQuery plugin that will flip easily your elements in four directions. jSlickmenu jSlickmenu, creates, well, slick menus with jQuery. jQuery Address Overscroll Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser. jQuery Page Curl Contactable Panning Slideshow Sliding Labels
Mosaic - Sliding Boxes and Captions jQuery Plugin Features So, what exactly does Mosaic do? Automatically generates sliding boxes & captions Allows slide & fade animations with custom directions Preloads images within boxes Options There are a number of available options, shown below with their default values. For options able to be turned on/off - 1 is on, 0 is off. animation : 'fade', speed : 150, opacity : 1, preload : 1, anchor_x : 'bottom', anchor_y : 'left', hover_x : '0px', hover_y : '0px' animation Controls which effect the sliding box uses. speed Defines speed of the animation. opacity Accepts any value 0-1 (decimals included). preload Overlays and backdrops are faded in after the page has loaded. anchor_x, anchor_y Horizontal and vertical anchor points for the overlay (eg. left, right, top, bottom). hover_x, hover_y Horizontal and vertical overlay hover positions. Legacy Versions Sliding Boxes and Captions with jQuery (3/31/09) - (Original Post) Available for Hire Email the details of your project to firstname.lastname@example.org.
40 Useful jQuery Techniques and Plugins - Smashing Coding Over the last year, Smashing Magazine has evolved. We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups. In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. TipTip jQuery PluginTipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. Contextual Slideout Tips With jQuery and CSS31A set of contextual slideout tips with jQuery and CSS3, which are ideal for product pages and online tours. jQuery Slider plugin (Safari style) 3jQuery Slider is easy to use and multifunctional jQuery plugin. jQuery MegaMenu Plugin8 Forms Link Slideshows and Galleries Link