|jQuery||Includes jQueryUI, jQuery Mobile, jQuery Themeroller|
|backbone||Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface
Sample code binding backbone to mydigitalstructure.com
|amplify||AmplifyJS is a set of components designed to solve common web application problems with a simplistic API. Amplify's goal is to simplify all forms of data handling by providing a unified API for various data sources. more...|
|d3||D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document.|
|list||Makes your plain HTML lists super flexible, searchable, sortable and filterable.|
|noty||A jQuery plugin that makes it easy to create alert, success, error, information and confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. (Except growl like notifications).|
|Sencha Architect 2||A visual app building tool that creates code as clean and well structured as the code that a Lead Architect at Sencha would write by hand. Architect 2 is visual where it makes sense, but also gets out of your way when you need to dive into code.|
|microjs||Lots of micro js frameworks.|
|processingjs||Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins.|
|angularjs||HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Example project by Richard Kennard
|emberjs||A framework for creating ambitious web applications.|
|heyoffline||Warn your users when their network goes down. Make sure they don't lose anything.|
|meteor||Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you're an expert developer or just getting started|
|lovely.io||Lovely.IO is a centralized repository of front-side packages|
|MetaWidget||Metawidget is a smart User Interface widget that populates itself, either statically or at runtime, with UI components to match the properties of your business objects|
||Sleek, intuitive, and powerful front-end framework for faster and easier web development.|
||JSON based scalable real-time backend|
|Persona||A cross-browser login system for the Web (Mozilla)|
|jVectorMap||Maps and data|
|OpenLayers||Free maps for the world|
|mapSVG||jQuery Interactive SVG Map Plugin|
|jsPDF||A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it!|
Features custom output formats, parsing/unformatting of numbers, easy localisation and spreadsheet-style column formatting (to line up symbols and decimals).
|db.js||Wrapper for indexDB|
|countTo||Animate a number counting up or down.|
|animateNumber||Animate a number counting up to down, plus more|
|wow.js||Reveal on scrolling|
|inview||Fires event when element comes into view.|
- User Experience Web Frameworks
- Browse for scripts hosted on mydigitalstructure.com @ au.mydigitalstructure.com/jscripts/ or github.com/ibcom.
- PHP &/or zend based integration.
- A comparison of frameworks.
- Not really related to js, but check out ninjablocks.com - very cool.
- Selecting the right chart type
- Inspriing charting
- Font Awesome Icons
- JSON web tokens
- Best frameworks of 2014
- Shorthand coding
- Developing Backbone.js Applications
- Choropleth mapping
- RMaps Animated Choropleth
|Some good reading:|
|js Module design pattern|
|Scoping & Hoisting|