jQuery

Create Google Maps With gmaps.js

GMaps is a javascript plugin that makes it really easy to use Google Maps to display a map to your user. There are multiple options that make it easy to add pointers to the map,...

Handle Keyboard Shortcuts With Mousetrap.js

Mousetrap.js is a javascript plugin that makes it easy to setup keyboard shortcuts for your web applications. It allows you to define functions to run on certain key pushes, you can set it on a single...

Javascript Full Screen API

The full screen API is an easy way to get the full web content to be displayed on the page. It's very similar to pressing F11 on your keyboard but this can be done at the developers choice. This is a...

Get Ready To Load Different Versions Of jQuery

If you have done any sort of front-web development the you will understand the benefits that jQuery can bring you when developing your websites. One of the best benefits of jQuery is that it performs...

Manipulate The Favicon With Tinycon

When you get alerts and notifications from Facebook, twitter or your email client depending on the browser you will be alerted of new activity. An example of this is if I leave my gmail open on anothe...

Working With Cookies In Javascript

Cookies are variables of temporary data which is stored on the visitors computers. They are normally used for things like remember my username on a login form. This can be a useful way to store inform...

Create Always On Page HTML Elements

A common trend in web design now is to make sure important content is always on screen by making the content move as you scroll down the page. Many websites can do this with any bit of information the...

Using Social Media Hovercard jQuery Plugin

Displaying your social media account on your website gives them great exposure to your accounts and allows your readers to easily follow you on the different social networks. There is an awesome jQuer...

No More Powerpoint I Have Impress.js

In this tutorial you will learn how you don't need to use the old powerpoint presentation software now we have Impress.js. What Is Impress.JS Impress.js is a presentation framework which uses all the...

How To Create Nice Looking Dropdowns Using DropKick.js

In today's tutorial we are going to use a nice jQuery plugin which will change the style of your select boxes by converting them to use divs and list items. The reason it will convert the select box...

Get First X Number Of Elements With jQuery

Here is a quick snippet for getting the first lot of elements from a jQuery object. Lets say you want to get the first 5 paragraphs on a page then you will start off by getting all the paragraphs on t...

How To Use The jQuery Load Method

In today's tutorial we are going to learn how to create a small web application that will display an RSS feed on a web page using jQuery and PHP. To do this we are going to use jQuery AJAX functionali...

Get Select Box Value With jQuery

Use the following jQuery snippet to get the value of the selected option in the select box. First create a new jQuery function function getSelectedOption(id){ $('#' + id).val(); } Then create y...

Smooth Scrolling To Internal Links With jQuery

jQuery allows you change the way you interact with your website with very little code. jQuery has an animate function which allows you to animate anything that jQuery does, including scrolling. Anima...

Handle Image Loading Errors With jQuery

If an image can't load correctly in the browser it will do a number of things depending on what browser you are using. It will either display a ? question mark image or will just display nothing. Whe...