1. Web Design
  2. JavaScript

New Course: 6 Handy JavaScript Plugins for Web Designers

Read Time:2 minsLanguages:

If you're a web designer who works with JavaScript, you'll want to set some time aside to watch our new short course, 6 Handy JavaScript Plugins for Web Designers. In it, you’ll learn about six plugins for vanilla JavaScript that will take the guesswork out of complex tasks like creating progress bars, formatting inputs, lazy loading images, and more.

What You’ll Learn

In this short course, your instructor Adi Purdila will take you through six time-saving JavaScript plugins that you can use to speed up your web design work.


There are six videos, each one tackling a different plugin and showing you in detail how it works:

  1. Headroom.js: a very lightweight plugin that is designed to handle fixed headers or navbars, letting you show and hide the navigation when appropriate, by reacting to the user's scroll.
  2. ProgressBar.js: a plugin that can be used to create progress bars, specifically ones that are animated and based on SVGs. 
  3. Cleave.js: a very handy plugin used for formatting inputs such as credit card numbers, dates, phone numbers, and a few other patterns. 
  4. ScrollTrigger.js: a library that toggles certain classes on various elements based on your browser window’s scroll position.
  5. LazySizes.js: a plugin for lazy loading images—delaying the loading of a particular element until that element is needed. 
  6. Swiper.js: a good slider that’s free, lightweight, customizable, and works flawlessly on desktop and mobile.

Check out the quick intro video below to find out more about the course.

Watch the Introduction

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you now get unlimited downloads from the huge Envato Elements library of 200,000+ photos and 26,000+ design assets and templates. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

And if you're looking for even more JavaScript plugins, you can find hundreds of them over on Envato Market

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.