By Akhter on May 1, 2014

40 Useful Javascript Tools & Resources

Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster.

  Advertisement

Here, we are presenting 40 JavaScript tools and resources for you. This post is totally dedicated to JavaScript resources and therefore, you will not find any jQuery or CSS resource here as we have separately published them before. JavaScript is a powerful client-side scripting language that has been used in many modern websites as well as web applications. Sometimes, it is difficult to write JavaScript because of the environment it runs in, and this is where JavaScript tools and resources come into play.

So what do you think? What did we miss? Which resources do you like the most and why? Leave us a comment and let us know what you think about this compilation. We hope that following JavaScript tools and resources will let you speed up your coding process and help you to achieve desired result within deadline.

Admin.js

The Backend-Agnostic Administration Framework.

Roughdraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

Midway

Midway.js makes it super easy to automatically center the responsive elements on your websites.

Packery

Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

Together.js

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!

Perimeter.js

Creates an invisible perimeter around a target element and monitors mouse breaches.

Angles

Angles.js is a set of directives that wrap the chart.js library for use with angular. Just include the angles.js file, add “angles” to your list of app requirements and check out the source for use. More to come.

HTML.js

HTML is a small, powerful way for you to enjoy working directly with the DOM.

Popcorn-js

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

Javascript Regular Expression Validator

This tool is a web-based regular expression validator for Javascript that lets you easily test and write regular expressions for Javascript.

Html Inspector

HTML Inspector is a code quality tool to help you and your team write better markup. It’s written in JavaScript and runs in the browser, so testing your HTML has never been easier.

Annyang

annyang is a tiny javascript library that lets your visitors control your site with voice commands.

Highlightjs

Syntax highlighting for the Web.

Favico.js

Make a use of your favicon with badges, images or videos.

Raw

The missing link between spreadsheets and vector graphics.

RulersGuides.js

Creates Photoshop-like guides and rulers interface on a web page.

Instano.js

instano.js allows you to instantly detect if JavaScript is disabled after the page is loaded.It modifies the standard noscript tags so that the messages inside can be shown immediately whenever JavaScript is disabled.

Medium Editor

Medium.com WYSIWYG editor clone.

Chartjs

Easy, object oriented client side graphs for designers and developers.

Sir Trevor js

Sir Trevor is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered.

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

Skeuocard

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

Wide Area

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

Slickspeed

Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing.

Emberjs

A framework for creating ambitious web applications.

Reveal.js

The HTML Presentation Framework.

-Breezejs

Rich data for JavaScript apps is a Breeze.

Resumablejs

A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

Parallax

Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Knockoutjs

Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM).

Leafletjs

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.

Handlebars.js

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

JavaScript Regex Generator

First attempt at making a user-friendly regex generator. A little buggy in IE. Currently limited to 7 groups and no support for negating character classes.

jsbin

JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.

jslint

JSLint,The JavaScript Code Quality Tool.

React

React is a JavaScript library for building user interfaces.

Svgjs

A lightweight library for manipulating and animating SVG.

Pixastic

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript.

Bonsai.js

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

JSLitmus

JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.

Simple Statistics

Simple statistics is a JavaScript library that does descriptive statistics, regression, and classification.





If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

[…] Read more: http://www.smashingapps.com/2014/05/01/40-useful-javascript-tools-resources.html#ixzz30ZFHUITG […]

[…] 40 Useful Javascript Tools & Resources | SmashingApps.com. […]

Leave a comment

(required)

(required)