jQuery posts

jQuery 3.0 & jQuery Compat 3.0 are announced

If you’re working in web development you probably fit into one of two categories of developer: You think jQuery is the best thing since sliced images and you couldn’t get through the week without it; or, you think jQuery is a bloated crutch used by people too lazy to learn real JavaScript. However you feel about jQuery, there’s no denying the impact it has had on the industry, and the changes rung in by the Web’s most popular JavaScript library. So this week’s announcement of jQuery 3.0 is...
read more

How to create your first jQuery plugin, part 2

In the first part of this tutorial we created a very simple jQuery plugin, but the main problem with what we created was that the user didn't have any control over how the tooltip would appear, and in this second part we will create the necessary code to allow the user to change the defaults and replace them with their styles.   Creating our options ... The first thing we need to do to allow the user to pass their own styles when calling the plugin is change the code we use to name the plugin, our code was: $.fn.tooltipMe...
read more

How to create your first jQuery plugin, part 1

Creating your first jQuery plugin means that you’re no longer a beginner. You can now create something that you can use over and over again, or even package and sell to other developers. It may seem hard, but in reality creating a jQuery plugin is actually a simple process. In this article I’ll show you how simple by creating a simple tooltip plugin.   The markup ... Any jQuery plugin requires some kind of markup and in our case all the plugin will need to be able to run properly is an anchor tag that...
read more

How to build Growl-style notifications with jQuery

Mac OSX is able to display message notifications — still referred to as Growl messages, despite the fact that the big cat moniker is no longer applied to versions. Many applications send Growl messages to the OS to let the user know that an action has just occurred. Wouldn’t it be nice to use messages like this on our websites? I think so. In this tutorial we’ll construct a notification like this with HTML, CSS3 and a little jQuery. Growl message functionality ... When more than one message is displayed,...
read more

How to use jQuery selectors

Whether you're new to jQuery or have been using it for a while, the chances are you might not be making full use of the selector syntax. Rather than simply listing the possible selectors, in this tutorial we will work through a practical example in which we create an interactive page component, introducing the basics if you're a beginner. After that we will run through some of the other selector options you can choose from. Create a page ... Create a new HTML5 page: <!DOCTYPE html> <html> <head>...
read more

How to get started with the Tumblr API, part 2

In the first part of this mini-series we requested an for an API key from Tumblr, then we used it to retrieve data and the avatar for a blog. In this concluding part, we’ll retrieve some posts that are a little more complex. Getting posts ... So far our calls have been simple, because there was no json to interate through. But now, because we’re looking for a single post from multiple posts, we need to do a little more to arrive at our data. Our first step is to determine our URL (replace your-api-key with...
read more

How to get started with the Tumblr API, part 1

Every well known service on the Web has an API we can play with to get its data feed and Tumblr is no exception; the popular blogging platform has a really intuitive API that we can use to get anything from avatars to posts with links and images. In this article I’ll give you a feel for this API and teach you how to make some simple requests. Getting an API key ... If you’re familiar with working with this kind of API, you’ll know that we usually need to create and application and request an API key in order...
read more

How to use Bootstrap Tour

Right now web applications are stronger than ever and even though some of them are simple to understand others are really complex applications that need some understanding before use.One approach these applications take is to give us a tour of the product, usually with little pop ups that we can skip or leave until the end.That is exactly what Bootstrap Tour does in a simple and clean way.Getting started ... This plugin was at first aimed at being a simple and easy to use Bootstrap tour plugin but now we...
read more
Load more