20 Best JavaScript Tools and Resources for Web Developers

Wednesday, April 5, 2017

Looking for the best JavaScript tools and resources? You found them!

These scripts have multiple purposes and include navigations, charts & graphics, sliders, galleries, typography, responsive image solutions, image editing, lazy loader, form plugins, accessibility tools, animation plugins and libraries.

These JavaScript resources have an easy installation process and lots of neat features such as touch-friendly functions, major browsers compatibility, and more.

These JavaScript tools and resources can be useful in various situations. Browse through all of them and see which ones are suited for your web design projects.

Elevator.js

Elevator.js is a lovely JavaScript navigation that is actually a ‘back to top’ button which has some of the features of a realistic elevator. Press it and see what it does!

Elevator.js

Textures.js

Textures.js is a great JavaScript that comes in handy in many situations. This data visualization tool includes neat features that will help you along the way.

Textures.js

Hammer.js

This is another amazing Javascript navigation library that contains multi-touch gestures, for instance, rotate, pinch, press, pan, tap, swipe.

Hammer.JS---Hammer.js

ItemSlide.js

ItemSlide is a JavaScript carousel that you can activate by touching it. It supports touch swiping and mouse scrolling. Download and use it in your future projects.

ItemSlide.js---JavaScript-touch-carousel

Simple Lightbox

This is a touch-friendly image lightbox with simple but very effective features. This JavaScript is compatible with both desktop and mobile devices, with a fully responsive layout.

Simple-Lightbox---Responsive-touch-friendly-Image-lightbox

jQuery light gallery

This is a beautiful lightweight gallery with a fully responsive layout and customizable features. Download and use it in your next projects.

lightGallery

Plotly.js

This is a JavaScript that you can use to create both 2d and 3d graphics and charts. This is an open-source charting library that you can use in your projects.

plotly.js-_-JavaScript-Graphing-Library

Unicoder.js

Use this great JavaScript library to automatically convert texts into artistic Unicode alphabets. This JavaScript typography tool can be used to create beautiful artistic texts that you can then use for various purposes.

Unicoder.js

Readable

Readable is a neat JavaScript typography tool that can be used to successfully generate readable paragraphs. To make it start, you need to toggle the switch from the lower right corner.

Readable---A-plugin-for-creating-readable-paragraphs

Rimg

Rimg is a lovely JavaScript tool that focuses on generating responsive image solutions. Have a look and see what this script can do your projects.

Rimg-by-joeyvandijk

PixelFlow

PixelFlow is a neat JavaScript image editing tool which you can use to add a pixel filter over what image you want. Check out the demo and see exactly what it does.

PixelFlow

Image Blur Plugin

This image blur plugin is a great JavaScript that has many neat features and functions. See the demo and precisely what this script can do for your website.

Background-Blur---plugin-by-@msurguy

AntiModerate

Here is an astonishing JavaScript that you can add to your web pages to reduce the loading time of the website. You can perform this task by adding a blurred effect on the images from your website while it loads high-quality images in the background. When they are fully loaded, the blur effect vanishes.

GitHub---whackashoe_antimoderate_-The-progressive-image-loading-library-for-grea

Awesomplete

Awesomplete is a lightweight JavaScript with a fully customizable jQuery plugin. This script helps you managing form plugins. Download and use it in your projects.

Awesomplete_-Ultra-lightweight,-highly-customizable,-simple-autocomplete,-by-Lea

Date dropper

Date dropper is a neat jQuery plugin which allows you to better manage your dates for input fields. This JavaScript helps you be more organized.

datedropper-jQuery-UI-datepicker-plugin

tota11y

tota11y is an amazing JavaScript accessibility tool that allows you to see how your website is performing. This is a neat tool that comes in handy in many situations.

tota11y-–-an-accessibility-visualization-toolkit

iconate.js

Here you have a great JavaScript animation plugin that comes with many pre-designed animations. You can see each one in the demo file, and then add them to your website.

iconate.js

Dynamics.js

Download amazing animations from this JavaScript library and use them in your current or future websites. You can choose between lots of neat animations that will definitely make an impression.

Dynamics.js

Animsition

This is a great JavaScript that includes more than 58 animations with different designs. These include various movements such as fade, rotate, flip, zoom, overlay, and more.

Animsition

Vivus.js

Vivus is a lightweight JavaScript class which lets you animate SVGs, by leaving the impression of a hand drawn sketch. This JavaScript has many great features and animations, for instance, delay, replay, synchronize, and more. Download and use it in your projects to make your website more user-friendly.

vivus.js---svg-animation

The post 20 Best JavaScript Tools and Resources for Web Developers appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/2oDlLds

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading