JavaScript
Article

10 Useful Tools for JavaScript Developers

By Sam Deering
JavaScript has proven that it has to be taken seriously because it can really enhance the web! People are starting to see it’s value is not to provide cheap effects but real web solutions. In this article, I’ve compiled 10 useful tools for all JavaScript developers.


1. FitText.js


FitText is a very interesting tool, which 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!

FitTextjs.jpg
Source


2. Ligature.js


Unsurprisingly, a script that adds pretty ligatures to any kind of text. A must-have for all typography lovers out here!
Ligaturejs.jpg
Source


3. YepNope


An asynchronous conditional resource loader that’s super-fast, and allows you to load only the scripts that your users need.
YepNope.jpg
Source


4. 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.
Modernizr1.jpg
Source


5. Respond.js


A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).
Respondjs1.jpg
Source


6. heatmap.js


Is a JavaScript library that can be used to generate web heatmaps with the html5canvas element based on your data. The heatmaps are fully customizable – you’re welcome to choose your own color gradient, change its opacity, datapoint radius and many more.
heatmapjs1.jpg
Source


7. 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.
jQAPI2.jpg
Source


8. 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.
Bookmarklet-Generator2.jpg
Source


9. Diva.js


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.
Divajs2.jpg
Source


10. MicroJS


Is a brand new site which aims 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!
MicroJS1.jpg
Source

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.