background preloader

jQuery

Facebook Twitter

Carte de France cliquable en HTML5 / SVG. 25+ jQuery Plugins that enhance and beautify HTML form elements. Introduction This article will cover the following elements: Advertisement Form Skinning Frustrated with the form elements inconsistency among different browsers?

25+ jQuery Plugins that enhance and beautify HTML form elements

With these jQuery plugins, you can unified the look and feel of all your form elements. Form Validation It's always good to have client side form validation. Masking Masking can help to avoid human mistake. File Uploader These file uploader transform the orginal input file element into a more robust file uploader that able to upload multiple files and having a progress bar to indicate the upload progress. Checkbox & Radio Button.

Plugin

30 Pro jQuery Tips, Tricks and Strategies. Whether you’re a developer or a designer, a strong jQuery skillset is something you can’t afford to be without. Today, I’m going to show you 30 handy jQuery coding tricks that will help you make your scripts more robust, elegant and professional. Getting Started These tips and tricks all have one thing in common- they are all smashingly useful. With this stuff in your back pocket, you’ll be ready to go change the world, and even better, write jQuery like you know what you’re doing. It’s gonna be fun. We’ll start with some basic tricks, and move to some more advanced stuff like actually extending jQuery’s methods and filters.

. #1 – Delay with Animate() This is a very quick, easy way to cause delayed actions in jQuery without using setTimeout. For instance, let’s say that you wanted to open a dialog and then fade it away after 5 seconds. 30 Stylish jQuery Tooltip Plugins For Catchy Designs. Tooltips on website are small things which can play a big role in website design.

30 Stylish jQuery Tooltip Plugins For Catchy Designs

If a tooltip on your website is very well made and looks amazing, then it can lift up visitors impression about your website. Best jQuery Plugins of 2010. For our “Best of 2010″ series we’ve already shown your our picks for best free WordPress themes and free fonts.

Best jQuery Plugins of 2010

So for this week the focus in on jQuery. This javascript framework continued to grow in popularity during 2010, which meant an abundance of plugins being released. This made it difficult to choose our favorites. We made a conscious effort to choose from a variety of types, and ones that were useful to web designers and that had some wow factor. Here are our picks for the Best jQuery Plugins of 2010. Nivo Slider A super smooth slider with loads of settings including 9 transition effects. Quicksand Reorder and filter items with a nice shuffling animation.

Spritely Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. Lettering.js Lettering.js is a lightweight, easy to use jQuery plugin for radical Web Typography. Colortip Masonry. 5 jQuery Must Have Code Snippets « A Love For Design » Web Design & Graphic Design Tutorials.

If you haven’t heard of jQuery yet, than you are definitely missing out on one of the most dynamic and stable JavaScript Libraries.

5 jQuery Must Have Code Snippets « A Love For Design » Web Design & Graphic Design Tutorials

With thousands of plug-ins and added widgets it makes jQuery one of the leaders in javascript frameworks. jQuery is designed to cut all hand-code in half if not more simplifying HTML document traversing, event handling, animating, and Ajax interactions for more streamlined web development. If you don’t already have a copy of javascript, one way that is growing fast is hot linking through Google – Which the idea is that it might already be cached in the users browser so there would be no downloading thus making a page load quicker.

Downloading jQuery To do this, link google’s jQuery link (Note: T his one might be out dated so make sure you get the most up to date one). Insert this into the head tag of your page. If you would like to manual download you can vist the link here to download. Make a whole div clickable to the user Adding the JavaScript Adding the HTML. Top 10 Fresh jQuery Plugins of July 2010. jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List. jQuery Expressions BenchmarkR - Benchmark your jQuery expressions/selectors ! jQuery - GeekFG's web services & applications.

20 Awesome jQuery Enhanced CSS Button Techniques. With all the talk of CSS3 at the moment, its easy to overlook the impact Javascript, especially jQuery, can have on the appearance of the basic web button.

20 Awesome jQuery Enhanced CSS Button Techniques

As such, we have collected 20 useful CSS buttons techniques that have all been improved and enhanced by the sooper-dooper power of jQuery. Creative Button Animations with Sprites and jQuery This tutorial will show you how to build creative hover animations for buttons using sprites. Part 1 of this tutorial explains the design process in Photoshop and in, in part 2 you will learn how to convert it to XHTML + CSS, and finally adding a fading hover effect with jQuery. View the Tutorial » GitHub-Style Buttons with CSS and jQuery (or MooTools, or the Dojo JavaScript) GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CSS and great JavaScript features. View the Tutorial »View the Demo »

35 More Useful jQuery Plugins and Techniques - Noupe Design Blog. Oct 29 2009 Do you ever think "Ugh" when it is time to update or redesign your site?

35 More Useful jQuery Plugins and Techniques - Noupe Design Blog

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. To present a better user experience, we often need to take good care of the little details like the functionality and interactivity of tables, forms, images or other media resources; excellent navigation and security is also a must. So here are 35 more useful jQuery resources covering those topics as well as many more. Hopefully, you’ll find them helpful for your next web project.