All About jQuery: Fresh and Useful jQuery Plugins and Tutorials. Feb 24 2012 Every designer knows that jQuery is not only a handy tool, but it is also very popular and widely implemented. Thus, they try to master their jQuery skills. If you fit into this category then this post of over 40 fresh and cool jQuery plugins and tutorials is for you. This showcase should allow you to grab some of the techniques required for developing a more interactive and visually appealing website with jQuery and harness the power of this tool. When you come out the other side of this collection and have finished learning all that these plugins and tutorials throw at you, we hope that using jQuery will be a much simpler task. jQuery Resources Password Strength Verification with jQuery ( Demo | Tackle the Tutorial ) In this tutorial, we’ll construct a form that gives the user live feedback as to whether their password has sufficiently met the complexity requirements we will establish.
More on Page Two Nousheen Aquil is a web graphic designer.
8 Most Popular jQuery Plugins of January 2012. Last month developers were busy with jQuery and it is time to go through some of the most popular jQuery plugins they created in January 2012. 1. Scrollorama The jQuery plugin for doing cool scrolly things. Basically, it lets you animate elements on the page based on the browser window’s scroll position. 2. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. 3. A super awesome, customizable text input supporting tags, autocomplete, ajax and other goodness in a crazy cool a-la cart way. 4. A jQuery port of impress.js based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. 5.
A jQuery plugin that allows you to display list items in a similar way like a iPhone home screen. 6. Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element. 7. 8. . * Enjoyed this roundup? * January 2012 background by Wow! 24 Most Popular jQuery Plugins of February 2012. Last month, many great jQuery plugins were created and new versions were released too.
Now, lets go through some of the most popular plugins in February 2012. 1. Turn.js Adds a beautiful transition similar to real pages in a book or magazine for HTML5. 2. jQuery Scroll Path It's a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs. 3. 3D Gallery An experimental 3D gallery that uses CSS 3D transforms. 4. Allows you to add a dynamically-resized background image to any page or block level element. 5. noty It makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. 6.
A powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. 7. Sequence is the jQuery slider plugin with infinite style. 8. This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. 9. 10. jQuery Shadow 11. fullscreen.js 12. 13. 14. 14 Most Popular jQuery Plugins of May 2012. It is time we go through our monthly roundup of fresh jQuery plugins that have gained lots of attention in May 2012, these plugins are really worth checking out. 1.
jQuery Knob Nice, downward compatible, touchable, jQuery dial. 2. Redactor Fantastic WYSIWYG-editor. 3. A free light weight plugin that allows you to create a custom drop down with images and description. 4. A plugin that's absolutely grrreat for all grid-related layouts. 5. The plugin for super cool scroll animation, powered by Greensock Tweening Engine. 6. A way of implementing a sensible solution to the EU cookie law that has been enforced on 26th May. 7. Ascensor is a plugin which aims to train and adapt content according to an elevator system. 8. JQVMap is a jQuery plugin that renders Vector Maps. 9. A dead-simple way to generate dynamic bits of HTML and add subtle effects to your content. 10. A fixed drop-down menu at the top of the screen that collapses/expands in a "table of contents" style. 11. 12. timing 13. 14. 12 Most Popular jQuery Plugins of April 2012.
Here we are again for another monthly round-up of the most popular jQuery plugins of April 2012, these 12 plugins will make you WOW! 1. HoverDir Create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse. 2. Lake.js takes an image element and inserts a canvas element displaying the image and its flipped reflection directly after the image element. 3.
Create thumbnails easily from high-res images, without any distortion, with one line of code. 4. Keep an eye on how far down the page a user has scrolled and then reports data back to Google Analytics using the GA Events API. 5. Simple HTML5 page edits. 6. Pivot.js is a simple way to summarize large data sets on the fly. 7. Algorithmic sunburst generator via CSS and canvas. 8. A plugin that casts photorealistic shadows. 9. MiniJs provides a suite of simple and consistent jQuery plugins including image slider, tooltip and notification. 10. 11. 12. 15 Most Popular jQuery Plugins of June 2012. Another month has passed and it's time for the jQuery plugins roundup. Keep on reading to see what plugins you might have missed in June 2012. 1.
jQuery++ Collection of extremely useful DOM helpers for jQuery 1.7 and later. Such as, jQuery.animate which overwrites $.fn.animate to use CSS3 animations where possible and falls back to jQuery’s animation otherwise. 2. Gmaps.js gmaps.js helps you to use Google Maps API with less pain and more fun. 3. A plugin that uses canvas to show an animated percentage loader that is good for loading screens or displaying progress of long-running tasks. 4. A replacement for select boxes that supports searching, remote data sets, and infinite scrolling of results. 5. pageguide.js An interactive visual guide for web page elements using jQuery and CSS3. 6.
A minimalistic approach to Excel-like table editor in HTML! 7. Show a warning message to visitors with an older version of Internet Explorer browser. 8. 9. 10. 11. 12. Rotate CSS-sprites like cinema tape. 18 Most Popular jQuery Plugins of March 2012. It is time we go through our monthly roundup of the most popular jQuery plugins of March 2012, you will definitely want to try these. 1. Mailcheck.js Suggests the right domain when your users misspell it in an email address. It has reduced email bounces for signup confirmation by 50% at Kicksend.com. 2. Timeline Beautifully crafted timelines that are easy, and intuitive to use. 3. A JavaScript library for multi-touch gestures. 4. A simple parallax slider with different CSS3 animations for each slider element and a background parallax effect. 5. TypeButter allows you to set optical kerning for any font on your website. 6. A simple plugin used to bring stylish image hover effects. 7. Detects and validates credit card numbers. 8.
A slideshow plugin with lovely transition effects and works very well with responsive layouts. A plugin that will automatically generate a table of contents for your page. 10. A CSS3-based tooltip, not merely a one-style tooltip but seven. 11. 12. 13. 14. 13 Most Popular jQuery Plugins of July 2012. Here we are at the end of another month, so it's time to get an overview of the most popular jQuery plugins from July 2012. No matter what kind of project you are developing, some of these plugins will definitely come in handy. 1.
Repo.js Repo.js is a light-weight Plugin that helps you to embed a Github repository onto your site. As a plugin or library author this is a great way to showcase the contents of a repo on a project page. 2. A drag-and-drop multi-column grid plugin that allows building intuitive draggable layouts from elements spanning multiple columns. 3. A plugin for creating sortable lists and grids using native HTML5 drag and drop API. 4. A plugin for showing certain pages in an overlay window. 5. A plugin to render simple pie charts for single values using canvas element. 6. A customizable & cross-browser content slider plugin that can be used as a carousel, scrolling website banner, or image gallery. 7. A contained sticky sidebar. 8. 9. 10. 11. 12 .
Players. Tabs. Carrosel. EditorWYSIWYG. Imagens.