20 Interactive JavaScript Frameworks to Make Web Faster

In the big world of web development, many programmers, coders and developers have spent a lot of time to create the helpful web tools, JavaScript frameworks, JavaScript toolkit to save our time then contribute as open source scripts, softwares or free tools. Why we have to develop a web project from beginning? While we may use many useful open resources for better ends?

Let's discover & enjoy 20 free / open source code JavaScript frameworks, web scripts and developing script to make the web projects faster & better. Here's a short list to check: Leaflet, Crossfilter, Keymaster, Javascript Library Boilerplate, Kartograph, dynamo.js, stroll.js, Heyoffline.js, Retina.js, Holder.js, sigma.js, heatmap.js.js, uiji.js, KineticJS, Graphene, Foresight.js, batman.js, Socialite.js, JavaScript Console - Debugging JavaScript Tool, smoke.js, jPages, Yeoman, skrollr, URI.js, Morris.js.


Sampled by © JavaScriptBank.com

Here's a list you should review to make the web projects faster & better.

Leaflet

This is a JS library for mobile-friendly interactive maps. It is tiny, but offers almost all the features you would require for online maps.

Crossfilter

This JS library boasts a huge amount of multivariate datasets in the browser which can be explored easily and quickly.

Keymaster

It is a tiny micro-library that defines and dispatches keyboard shortcuts.

Javascript Library Boilerplate

This one offers a small core base for rolling your very own Javascript library. It allows creating your own library such as jQuery, Zepto, Prototype and more, easily and in a hassle freeway.

Kartograph

This useful Kartograph allows you to do cartography (making maps) without using Google Maps or any other such service. This tiny framework is perfect for making decent, good looking and, interactive vector map applications.

dynamo.js

This one provides you a handy way of making dynamic bits of HTML and adding subtle effects to your content to make it more attractive.

stroll.js

This one is fabulous collection of some cool CSS list scroll effects. The style of scroll effect is decided through the class set on the list.

Heyoffline.js

This handy tool has the ability of warning your users when their network goes down, to make sure that they don't lose anything important.

Retina.js

It is a great open-source script that allows serving high-resolution photos to devices with retina displays easily.

Holder.js

It simply renders image placeholders completely on the client side. It has the ability of working both online and offline, and provides a chainable API to style and creates placeholders easily.

sigma.js

This one is an awesome open-source and tiny JS library that allows you to draw graphs, utlizing the HTML canvas element. It also has the ability of displaying interactive static graphs exported from graph visualization software such as Gephi.

heatmap.js

This one is a nice JS library which allows creating web heatmaps with the HTML5 canvas element based on your data.

uiji.js

It is the reverse opposite of jQuery, as instead of utilizing CSS selectors for finding elements, you have the ability of using the same syntax for creating elements.

KineticJS

This one is a HTML5 Canvas JS library that has the ability of extending the 2d context by enabling canvas interactivity for desktop and mobile apps. Simple and useful!

Graphene

This one is a dashboard and graphing toolkit based on D3 and Backbone. It provides you with a real time dashboard that exists on top of Graphite, but you have the choice of tailoring it to any back end you want.

Foresight.js

This awesome app allows the webpages to tell if the user's device has the capability of viewing high-resolution photos, such as iPad 3, before requesting the photo from the server.

batman.js

This one is a really cool framework for creating robust single-page browser apps. It is written in CoffeeScript and its API is also developed according to CoffeeScript, but you can also use JavaScript.

Socialite.js

As the name suggests, this tool has the ability of allowing easy implementation and activation a large number of social sharing buttons whenever and wherever you want - on document load, article hover, event etc.

JavaScript Console – Debugging JavaScript Tool

This one is an awesome tool that allows debugging Javascript and remote debugging of mobile web applications.

smoke.js

This one is a handy framework-agnostic styled alert system for JS. It utilizes CSS animations and background, so it is very lightweight.

jPages

This one is an amazing and feature-rich pagination plugin. It boasts a lot of useful features, such as auto page turn, key and scroll browse and displaying items with delay etc.

Yeoman

This one is a rich and opinionated client-side stack, boasts many tools and frameworks that allow developers to create web applications with ease.

skrollr

It allows animating any CSS property of any element based on the horizontal scrollbar position.

URI.js

This one is a nice JS library that can be used to work with URLs. It gives you a "jQuery-style" API (Fluent Interface, Method Chaining) for reading and writing all regular components and many convenience methods like .directory() and .authority().

Morris.js

This tiny library utilizes jQuery and Raphaël  let you draw time-series graphs easily and quickly.


Author

Phong Thai Phong Thai is a Web Developer, Web Coder for 16 years with PHP, JavaScript, CSS. He is the creator of JavaScriptBank.com - provide thousands of free JavaScript code examples, web development tips and tricks, helpful blogging guides.

Follow him on twitter@js_bank or connect with him on facebook@jsbank if you want. His websites for your knowledge: javascriptON.com, inOneSec.com, www.gomymobi.com

Language
Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website
How To Create A Successful Prototype For Your PCB
WordPress Landing Page Conversion Essentials to Convert More
4 Development Hacks To Make Your Website Launch A Success
Why Data Recovery Software and Services are Important
Why Engineers Specializing in DevOps Are the Wave of the Future
The Ultimate Checklist for HTTP to HTTPS Migration


Top view articles
65 Free JavaScript Photo Gallery Solutions
Top 10 Beautiful Christmas Countdown Timers
Best Free Linux Web Programming Editors
Top 50 Most Addictive and Popular Facebook mini games
Top 10 Free Web Chat box Plug-ins and Add-ons
50+ Beautiful Resources of HTML Form using CSS and JavaScript
Top 10 Best JavaScript eBooks that Beginners should Learn
The Ultimate JavaScript Tutorial in Web Design
HTML5 Web Workers Multithreading in JavaScript
Learn more about JavaScript Inheritance with Tiny JavaScript Example Codes


Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com