10 super useful tools for JavaScript developers

by Jean. 10 Comments -

In recent years, JavaScript has proven that it has to be taken seriously because it can really enhance the web, not only provide some cheap effects such as blinking text. In this article, I have compiled the 10 most amazing tools and script for all JavaScript developers.

MicroJS


Need a piece of code quickly? MicroJS is a brand new site which aim to provide JavaScript code snippet for most common tasks: Ajax, Json, DOM, Object-Oriented JavaScript, and more. A true gold mine to have in your bookmarks!
Visit http://microjs.com/

Diva.js


Diva is a Javascript frontend for viewing documents, designed to work with digital libraries to present multi-page documents as a single, continuous item. It is designed to work with a IIPImage server and will be an awesome tool for those working on library or bookstore websites. A demo is available here if you want to have a look.
Visit http://ddmal.music.mcgill.ca/diva/

Bookmarklet Generator


As you can guess, this tool is a bookmarklet generator: Simply paste your regular JavaScript code, press the button and you’ll get a bookmarklet – ready to be installed on your browser bar.
Visit http://benalman.com/code/test/jquery-run-code-bookmarklet/

jQAPI


Like any other jQuery developers, I spend a large amount of time digging in the documentation. jQAPI is a website which provides the jQuery documentation in a more user-friendly way, so it is now my reference site when I need any jQuery help.
Visit http://jqapi.com

heatmap.js


Day after day, JavaScript continues to surprise me with its endless possibilities: For example, heatmap.js allows you to generate web heatmaps with the html5canvas element based on your data. Easy and efficient!
Visit http://www.patrick-wied.at/static/heatmapjs/

Respond.js


Remember my article about adaptable layouts with CSS3 media queries? Respond.js is a small script that allow you to use CSS3 media queries on browsers that do not support it yet (Yes IE, we’re looking at you…).
Visit https://github.com/scottjehl/Respond/blob/master/respond.min.js

Modernizr


Modernizr is a script that helps older browsers to work almost as good as newest ones, so you can build modern applications that will work on IE6 and 7. Your clients will love it, that’s guaranteed.
Visit http://www.modernizr.com/

YepNope


YepNope aim is pretty simple: It answers yep, or nope. For example, ask YepNope is Modernizr is loaded. If yes, ask YepNope to do this, and if not, ask YepNope to do that. That’s simple as that, and very useful in many cases.
Visit http://yepnopejs.com/

Ligature.js


Ligature.js is, unsurprisingly, a script that adds pretty ligatures to any kind of text. A must-have for all typography lovers out here!
Visit http://code.google.com/p/ligature-js/

FitText.js


FitText is a very interesting tool, that allows the automatic resizing of a text regarding the size of its parent element. Just have a look to the website and resize your browser: The text will fit. Another very interesting tool for modern websites and applications!
Visit http://fittextjs.com/

Comments (10) - Leave yours

  1. Andrej said:

    Don’t forget head.js http://headjs.com/

    It makes sure all those fancy scripts don’t block page rendering.

  2. Simon Jackson said:

    These all look really good. I guess the most important thing to remember is that JavaScript should be used to enhance a site rather than as a necessary crucial part of it. The use of non-javascript fallbacks is normally easy to code and should be done to enhance usability and accessibilty wherever possible.

  3. taffy said:

    These tools looks good.You have a great list of cool Javascript tools.This is such a very useful and helpful piece of information.

  4. Refly said:

    The jQAPI is awesome. I’ve been using for some new documentation for jQuery. I used VisualjQuery, but they are out of date now while the documentation provided in the jQuery official website is not really user friendly. Thank you for showing it.

Leave a Reply

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

Please respect the following rules: No advertising, no spam, no keyword in name field. Thank you!