Articles > jQuery

Meet Unslider, the simplest jQuery slider

In short, Unslider is the quickest and most straightforward way to have a slider up and running on your website. All it takes is a bit of valid markup, jQuery and some additional CSS. Then, Unslider takes over and does the rest. Sure, Unslider is small, but that’s its unique value proposition. Both flexible and extensible, it allows designers the freedom to pretty much alter anything they want through options/settings, methods or callback events. Let’s look at some of its features… Automatic...

What’s new in jQuery 3.0 & jQuery Compat 3.0

jQuery users and fans don’t always have major releases to look forward to, but that just changed with last week’s releases of jQuery 3.0 and jQuery Compat 3.0. The former supports today’s browsers and IE9-and-beyond environments while the latter supports IE8. (Both versions support Yandex. Browser, which was released in 2012.) You can get your files from the jQuery CDN or opt to link to them directly at: https://code.jquery.com/jquery-3.0.0-alpha1.js and https://code.jquery.com/jquery-compat-3.0.0-alpha1.js...

55+ jQuery plugins for developers

jQuery is a fantastic JavaScript library, we know this. We also know that there are lot of cool plugins out there which take things to the next level. If you’re an amateur dev, plugins expand on your capabilities by implementing things you might not know how to do yourself, yet. If you're an expert programmer, they can make your job go a whole lot faster, or even just provide inspiration. Whatever the case, we've collected some of the best and most interesting jQuery plugins that we’ve found, and...

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...

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...

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...

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,...

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>...
Load more
Home CSS Deals DesignBombs HTML HTML5 JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress