Collection Of jQuery and Related Resources For Designers & Developers

by jQuery Script,

jQuery is by far one of the most popular web development framework. With jQuery and jQuery plugins, you can create various useful and awesome effects/functionalities/widgets for your projects. To master jQuery development, as well as HTML5/CSS3/javascript, are must skills in Web Front-end Development.

There're a large number of jQuery and related resources available for designers and developers on the web these days. But they’re not always easy to find when you actually need them.  Here is a hand-made and constantly updated collection of useful jQuery and jQuery related resources shared with you! I hope you like it!

Using jQuery with a CDN:

1. jQuery Library

<!-- jQuery 3.x.x -->
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<!-- jQuery 2.2.x -->
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- jQuery 1.x -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- Latest jQuery library -->
<script src="//code.jquery.com/jquery-latest.min.js"></script>

2. jQuery UI Library and CSS

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" />

3. jQuery Mobile

<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

How to implement your jQuery plugin:

1. Include jQuery Library on your web site.

<!-- jQuery 3.x.x -->
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<!-- jQuery 1.x -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- Latest jQuery library -->
<script src="//code.jquery.com/jquery-latest.min.js"></script>

2. Include the jQuery plugin.

<script src="PLUGIN.js"></script>

3. Call the plugin on document ready.

<script type="text/javascript">
$(function() {
$('SELECTOR').PLUGINNAME({
[OPTIONS]
});
});
</script>

jQuery Resources

1. jQuery API Documentation

http://api.jquery.com/

2. jQuery UI API Documentation

http://api.jqueryui.com/

3. jQuery Learning Center

http://learn.jquery.com/

4. jQuery Discussion Forum

http://forum.jquery.com/

5. Learn the basic building blocks of jQuery

http://try.jquery.com/

6. A guide to the basics of jQuery

http://jqfundamentals.com/

7. Learn jQuery in 30 Days

http://learnjquery.tutsplus.com/

8. jQuery Succinctly

http://www.syncfusion.com/resources/techportal/ebooks/jquery

Related Resources:

1. HTML5 Cheat Sheet (PDF)

http://www.hostingreviewbox.com/html5-cheat-sheet/

2. CSS3 Cheat Sheet (PDF)

http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf

3. JavaScript Cheat Sheet

http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/

4. normalize.css

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

5. modernizr.js

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

6. Twitter's Bootstrap framework

<!-- javascript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">