35 Best JavaScript Resources and Tools


This particular post lists down difference resources regarding JavaScript specifically. The post does not address CSS or jQuery.

JavaScript is a client-side scripting language and very powerful at that. These days, several websites have incorporated the use of JavaScript owing to the smooth running environment it offers. While many of you may not be familiar with JavaScript and how to use it, the good news is that there are several tools at one’s disposal, available for free, on the internet. If you are a beginner or even a professional, these tools and resources are bound to help you a great deal in achieving your goals and save you a lot of time too.

All you need to do is go through the following list of 35 Best JavaScript Resources and Tools and download them. You would know how to install them so we will not be getting into that. Let us know which ones you fancied or otherwise prove useful to you. as always, your comments are welcome.

35. Admin.js

AdminJS is a backend-agnostic Administration Framwork.

35. Admin

34. Roughdraft.js

Using Roughdraft.js you can create prototypes of HTML mock-up quickly without duplicating markup or having to source fake content.

34. Roughdraft

33. Midway

If you have responsive elements on your website and you want to center them out, this particular plugin will automatically do it for you.

33. Midway

32. Packery

This is a JS layout library and it utilizes bin-packing algorithm. You can use this to create clever and crazy layouts.

32. Packery

31. Together.js

This is an open-source and a free JS library made by Mozilla. It adds collaboration tools to your website.

31. Together

30. Perimeter.js

This particular tool will create an invisible parameter around an element allowing you to monitor breach by mouse cursors.

30. Perimeter

29. Angles

This is a set of directives and you can use this to wrap chart.js library for use with angular.

29. Angles

28. HTML.js

If you enjoy working directly with DOM, HTML.js will let you do just that.

28. HTML

27. Popcorn-js

This is a media framework based on HTML5. It is written in JavaScript for filmmakers and web developers – basically anyone who wishes to create time-based media on the internet.

27. Popcorn-js

26. Javascript Regular Expression Validator

This particular tools is a regular expression validator based on the web. It will easily you write and test regular expressions for JavaScript.

26. Javascript Regular Expression Validator

25. Html Inspector

If you are looking to test the quality of your code and help you and your time write better markup, this is the tool for you. It runs in the browser.

25. Html Inspector

24. Annyang

This particular tool will let the visitors to your website control it by voice command.

24. Annyang

23. Highlightjs

As the name suggest, this allow you to highlight syntax on the web.

23. Highlightjs

22. Favico.js

Use this tool to make use of your favicon with badges, videos, or images.

22. Favico

21. Raw

This is the missing link between vector graphics and spreadsheets, bound to prove quite useful.

21. Raw

20. RulersGuides.js

Strictly for measurement purposes – you can use it to create Photoshop like guidelines and rulers on a website.

20. RulersGuides

19. Instano.js

You can use this tool to detect if JavaScript is disabled on a particular page after it is done loading. You will be notified instantly in either case.

19. Instano

18. Medium Editor

This is a clone for WYSIWYG editor.

18. Medium Editor

17. Chartjs

This particular tool is easy to use and object oriented. It will allow you to create graphs – works well for both designers and developers.

17. Chartjs

16. Sir Trevor js

This tool allows you to innovatively edit rich content on the internet. It will not have presumptions regarding how a specific element is rendered.

16. Sir Trevor js

15. Gif.js

This will run in your browser. It is JavaScript GIF encoder and is fully featured.

15. Gif

14. Skeuocard

This particular tool provides skeumorphic interface and progressively enhances credit card inputs.

14. Skeuocard

13. Wide Area

Wide Area is a CSS and JavaScript library. It is very simple at lightweight (max. 4KB). It will allow you to write better and faster.

13. Wide Area

12. Slickspeed

For a framework to run, it has its own iFrame. This allows for no conflicts between different frameworks.

12. Slickspeed

11. Emberjs

If you are looking to create ambitious web applications, this is the framework for you.

11. Emberjs

10. Reveal.js

Make amazing presentations with HTML5. It is also very easy to use.

10. Reveal

9. -Breezejs

It provides rich data for JavaScript applications.

9. -Breezejs

8. Resumablejs

This is a JavaScript library which allows for uploads via the HTML5 File API. You can make simultaneous uploads and resume them at will too. The tool is very stable.

8. Resumablejs

7. Parallax

This particular tool will react to the orientation of a smart device. It uses position of the cursors in order to do so, so it works even without the presence of a gyroscope etc.

7. Parallax

6. Knockoutjs

You can use this to simplify dynamic JavaScript User Interfaces with the help of Model-View-View-Model.

6.Knockoutjs

5. Leafletjs

If you are looking for mobile-friendly maps that are interactive, this is the open-source JavaScript library for you.

5. Leafletjs

4. Handlebars.js

In order for you to build semantic templates easily and effectively, you need Handlebars.js. It shall provide you with the necessary power.

4. Handlebars

3. JavaScript Regex Generator

This is a user-friendly Regex Generator. It does not work flawlessly on Internet Explorer. The groups are limited to only 7. There is no support for negative character classes. But it still is better than nothing and quite useful.

3. JavaScript Regex Generator

2. JS Bin

This is the ultimate CSS, HTML, and JavaScript playground. If you want to experiment around and learn with your friends (which is fun and better), you may want to give this tool a try.

2. JS Bin

1. JSLint

This is the code quality testing tool for JavaScript.

1. JSLint

1 comment

  1. how about jsfiddle.net as alternative for JS Bin (used all the time at StackOverflow) and jsperf.com to test/compare the performance of your JavaScript code?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>