Best JavaScript Libraries for Android - Page 2

Microsoft is committed to making sure that WinJS continues to run for existing customers. At this time we don't have plans to invest in new features or feature requests. Bug fixes will be limited to correcting substantial issues that are blocking customer deployments. We may also consider bug fixes to help our customers maintain their existing WinJS-based apps. You can contribute by reviewing and sending feedback on code checkins, suggesting and trying out new features as they are implemented, submitting bugs and helping us verify fixes as they are checked in, as well as submitting code fixes or code contributions of your own. Note that all code submissions will be rigorously reviewed and tested by the team, and only those that meet an extremely high bar for both quality and design appropriateness will be merged into the source.

A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. The Dojo Toolkit Reference Guide is designed to be an in-depth resource regarding the Dojo Toolkit. The Reference Guide is a community effort and can be contributed to by anyone who has a CLA in place with the Dojo Foundation. An extensive set of widgets (user interface components) and the underlying system to support them. It is built fully on-top of the Dojo core. Various tools that support the rest of the toolkit, like being able to build, test and document code.

RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. This setup assumes you keep all your JavaScript files in a "scripts" directory in your project. To take full advantage of the optimization tool, it is suggested that you keep all inline script out of the HTML, and only reference require.js with a requirejs call like so to load your script. All of them map to loading some/path/some/module.js. Ideally we could choose the CommonJS syntax, since it is likely to get more common over time, and we want to reuse code.

Annotator is an open source JavaScript library to easily add annotation functionality to any webpage. Annotations can have comments, tags, links, users, and more. Annotator is designed for easy extensibility so it's a cinch to add a new feature or behaviour. Annotator also fosters an active developer community with contributors from four continents, building 3rd party plugins allowing the annotation of PDFs, EPUBs, videos, images, sound, and more. Adding an annotation to any website is easy with Annotator. First, download the Annotator library, and include it in your HTML. Annotator has a simple but powerful plugin architecture. Plug-ins can also be included for adding functionality such as user permissions, tags, filtering, and formatting. More than a dozen projects rely on Annotator for their digital annotation needs and many are open source. Share text and video annotations using social networks or email.

Bideo.js is a JS library that makes it super easy to add fullscreen background videos. Fullscreen HTML5 background video for the web. Want to play a video in the background of a container or body itself? This plugin will help you do exactly that. The video element in use will automatically adapt to the container's dimensions. It will also resize as the browser window resizes. The plugin doesn't support any overlay as it is easy to implement that with plain HTML/CSS in your code. Video might take a few seconds to load, especially because the sources are added via JS which is something you'll load after the DOM's loading. Until then, you may want to show a video cover, which will be the same as the first frame or the video (or some other image). The support for this is not in the plugin as it's fairly simple to achieve this via just HTML/CSS (just like overlays).

Simple yet flexible JavaScript charting for designers & developers. Layout boxes can be stacked and weighted in groups. A secondary title plugin with all the same options as the main title. Line segments can be styled by any user-defined criteria. Transitions of every property in every element can be configured individually and independently. Numerous performance enhancements have been introduced. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic, or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colors, and adding datasets. Chart.js is a community-maintained project, contributions welcome! Visualize your data in 8 different ways, each of them animated and customizable. Redraws charts on window resize for perfect scale granularity. Includes new chart axis types.

Format your <input/> content when you are typing. Cleave.js has a simple purpose, to help you format input text content automatically. Credit card number formatting, phone number formatting (i18n js lib separated for each country to reduce size), date formatting, numeral formatting, custom delimiter, prefix and block pattern, CommonJS/AMD mode, ReactJS component, AngularJS directive (1.x), and ES module. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text. However, this isn't meant to replace any validation or mask library, you should still sanitize and validate your data in the backend. Types are contributed by the community. Types for the React component are also available and can be imported in the same way.

A simple library to take care of complicated animations. You can also add custom functions that do non-CSS animations! Install and save to your package.json, and include it in your Javascript. Brew up some instant scroll animations. Animate based on scroll location, animate based on mouse X location and create multiple animations based on mouse X location. Now you can create an instance of Choreographer, and run the animations based on whatever measurement floats your boat (ex. scroll position, mouse position, timestamp, whatever). The easiest way to understand how this all works is to check out the examples. Bugs will occur if you overlap animation ranges that affect the same style properties! There are two built-in animation functions available, called 'scale' and 'change'. Progress is what allows for progressive scaling of values (ex. smooth fading of opacity, 2d translation, etc.) If the value is between 0 and 1, that means you are within a range.

The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. In Blockly Games, pictured here, users can solve a maze using Blockly's editor on the right. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Plugins can add fields, define themes, create renderers, and much more. Blockly codelabs provide step-by-step instructions on how to use and customize Blockly. Sample projects that show how to use many of Blockly's features.

Interactive Gantt chart and scheduling components with built-in project management features, ready for the JavaScript framework: Angular, React, Vue. Designed to empower businesses worldwide, developed with common customer requirements in mind, and used by companies of all sizes, government organizations, and even educational institutions to create stunning Gantt chart applications with more ease. Whether you or your end users need to manage project schedules, track resources, or simply visualize timelines, this library has got you covered. Gantt Chart Hyper Library includes: -Gantt Chart View - hierarchical data grid and attached scheduling chart with drag and drop support and dependency lines; -Schedule Chart View - chart that displays multiple bars on the same line with horizontal and vertical drag and drop support; -LoadChartView - allocation chart displaying normal and over-allocations of one or more resources on a timeline; -Network Diagram; - Pert Chart.