Archive for the ‘jQuery’ Category

10 jQuery HTML5 Audio Players

Posted on: No Comments
According to Buzz Angle Music, a total of 83 billion audio streams were consumed in U.S. alone in the first quarter of 2017. This marks a 61.2% increase over the previous quarter. Meanwhile, music sales dropped by 23.8%. May 8th, 2017: This popular ar...

Lazy Loading Gravatars in WordPress

Posted on: No Comments
Most WordPress themes show user Gravatars in the comment threads. It's a way of showing an image with the user, as associated by the email address used. It's a nice touch, and almost an expected design pattern these days. Every one of those gravatars ...

How You Can Use HTML5 Custom Data Attributes and Why

Posted on: No Comments
In this article, I am going to show you how you can use HTML5 custom data attributes. I'm also going to present you with some use cases that you can find helpful in your work as a developer. Why Custom Data Attributes? Very often we need to store info...

Top 5 jQuery UI Alternatives

Posted on: No Comments
When building for the modern web you often need to create useful UI components. Whether you need a calendar, slider, graph or anything else that's useful for improving or simplifying user interaction, your options are either to create it yourself or le...

Need to do Dependency-Free Ajax?

Posted on: No Comments
One of the big reasons to use jQuery, for a long time, was how easy it made Ajax. It has a super clean, flexible, and cross-browser compatible API for all the Ajax methods. jQuery is still mega popular, but it's becoming more and more common to ditch i...

jQuery Pagination Plugins

Posted on: No Comments
This popular article was updated in February, 2017, to reflect the current state of jQuery pagination plugins. Presenting a long, unwieldy list of results is generally a poor approach to displaying your information. That's why pagination, especially wi...

Quick Tip: User Sortable Lists with Flexbox and jQuery

Posted on: No Comments
In this article, we'll learn, step-by-step, how to build a simple jQuery plugin which sorts elements based on the values of their custom data attributes. If you're curious about the end result, have a look at the corresponding CodePen demo: See the Pe...

A Comprehensive Look at jQuery DOM Traversal

Posted on: No Comments
[special]DOM traversal means that once you have selected an element or elements on a web page, you can move through the page elements relative to your initial selection. During this process, you can either replace the original selection with a new one...

Animating Bootstrap Carousels with the GSAP Animation Library

Posted on: No Comments
In a previous post, I covered the process of converting a Bootstrap carousel into a full screen carousel with a random initial image. Today, I'll build on that and show you how to use GSAP (GreenSock Animation Platform), a popular JavaScript library, f...

Animated Filtering & Sorting with the MixItUp jQuery Plugin

Posted on: No Comments
Filtering and sorting parts of your website is a great way to organize content. Portfolios, albums, and blogs are just a few examples of things you might want to categorize. To achieve this, many JavaScript libraries can help. Two of the most popular o...