Posted on 12/12/2017 in Web Development
By Matt Kayan
If you need to select, manipulate, or animate something on a web page, odds are that jQuery can help. But aside from its base API, jQuery provides a foundation for seemingly endless plugins which cover common functionality and can save you hours of custom development. Here are some of my favorites:
Slick is a flexible and easy to use carousel plugin. It is fully responsive, and supports swiping on touch-enabled devices. You can use slides of variable widths and heights, and display multiple slides at a time. You get breakpoint-specific settings (like if you wanted to show one slide at a time on mobile, but three at a time on desktop) and allows synchronization between separate carousels.
Fancybox is a lightbox plugin that displays content in an overlay on the page. This content can be text or images from the page, or content retrieved from external links. Groups of images can be combined into scrollable galleries, and there are many options for the lightbox and individual lightbox items.
If you have a long page full of images, you might want to speed up the page load by not initially loading any images which are “below the fold”. jQuery.Lazy() allows you to hide images or show a placeholder image until the user scrolls far enough to see them - at which point the images are loaded.
Want to save yourself some time?
Our team of experts can help you choose which jQuery plugins could make your development time more efficient
Optimize Your Website
When people think of long-haul trucking, heavy shipping, or other sectors of the transportation industry, “cutting-edge online experience” may not be [...]
Healthcare websites face a unique balancing act of simultaneously conveying patient comfort and clinical prestige. If it’s done right, a website [...]
Have you ever been writing, designing, or managing a web page and realized you had more information than you knew what to do with?“Nobody will read [...]