JavaScript is amazing language which servers multiple purpose for developers especially when it comes to animation, building dynamic interfaces, maps, animating SVGs and many more. DHTML (Dynamic HyperText Markup Language) is formed with the use of Javascript and CSS (Cascading Style Sheets). On the other hand AJAX(Asynchronous JavaScript and XML) is Javascript based web development technique that uses data formatted in XML.
Here atBestDevList, we have compiled a list of Fresh JavaScript Libraries released recently. In this roundup we have covered feature enriched and interactive JavaScript Libraries that offer you several functions and can serve number of purposes for you to build effective and useful web applications.
So, without further ado, let’s explore the list.
1. Clipboard.js
Copying text to the clipboard shouldn’t be hard. It shouldn’t require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn’t depend on Flash or any bloated framework. That’s why clipboard.js exists. This library relies on both Selection and execCommand APIs. The second one is supported in the following browsers: Chrome 42+, Firefox 41+, IE 9+, Opera 29+, Safari X.
2. Content Tools
Content Tools is a JS library for building WYSIWYG editors for HTML content. The ContentTools WYSIWYG editor can be added to any HTML page in a few simple steps. There are step-by-step guides for common use scenarios as well as more advanced topics for those rolling their own editors. Full API documentation and examples for the ContentTools family of libraries.
3. JS Sequence Diagram
JS Sequence Diagrams is a simple javascript library to turn text into vector UML sequence diagrams.
4. UpUp
UpUp is a tiny javascript library that makes sure your users can always access your site’s content, even when they’re on a plane, in an elevator, or 20,000 leagues under the sea. Mobile-First has become the de-facto standard for building modern sites.
5. FlowChart.js
Flowchart.js draws simple SVG flow chart diagrams from textual representation of the diagram. Also diagrams can be with color view too.
6. Stretchy
Stretchy is a javascript library to make form elements autosizing, the way it should be. It works in all modern browsers and plays well with existing HTML/CSS, also it is completely standalone.
7. Jet.js
Jets.js is a javascript library to create native css search engine. The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only style tag and browser will decide which item of list to show or hide. Since it’s just CSS – Jets.js may be applied to any tag, whether it’s a table or UL, OL, DIV…
8. Nipple JS
NippleJS is a javascript library to create virtual joystick for touch capable interfaces.
9. LoadJS
LoadJS is a tiny async loading library for modern browsers. It has a simple yet powerful dependency management system that lets you fetch files in parallel and execute code after the dependencies have been met.
10. Algebra.js
Algebra.js is a javascript library to build, display and solve algebraic equations. The main objects available are Fraction, Expression, and Equation.
11. Boron
Boron is a JavaScript library that allows you to create several modal or dialog animations based on React.js. Some of the animations you’ll find are drop, fade in, and outline slide.
12. Gmail.js
Gmail.js is a JavaScript API for Gmail that features plenty of methods to work with Gmail and Chrome extensions.
13. Enquire.js
Enquire.js is a pure JavaScript library that allows you to harness CSS media queries in JavaScript by providing you with tools to create advanced responsive sites.
14. JankyScroll.js
jankyscroll.js is a javascript scrolling plugin that doesn’t need to exist. With this plugin you can put a little jank in your scroll, or a lot.
15. Plasewait.js
PleaseWait.js is a simple library to show your users a beautiful splash page while your application loads.
16. Cakechart
Cake Chart is a javascript library to create interactive multi-layer pie charts.
17. Wallop
Wallop is a minimal (4kb) library for showing and hiding things. It adds helper HTML classes in the correct HTML elements and previous and next buttons, to let you move forward or backward.
18. Calque
Calque is a javascript library to create improved calculator / calculation. It’s using Math.js library.
19. Highlighter.js
Highlighter.js is a tiny javascript library, to allow you to easily navigate, select and highlight the DOM elements.
20. TouchPoint.js
TouchPoint.js is a tiny (3.6kb minified) vanilla JavaScript library made for in-browser HTML prototyping (as part of the UX process) that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions. TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations.
Leave a Reply