javascript
Two.js
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg , canvas , and webgl . Two.js requires Underscore.js and Backbone.js Events . If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github . In order to start any of these demos you'll want to download two.js and add it to your <html> document.How to Create High-Performance Code
16 milliseconds is not a lot of time. Try eating a hotdog that fast – though I swear I’ve seen our dog go through a beef sausage in under 100 milliseconds. If you want your game to run at 60 frames per second, 16 milliseconds is all you have to get everything done: moving bullets around, creating new entities, drawing sprites, checking collisions, tracking and changing states, handling input and playing sound.
Features Straightforward implementation with simple options Can run as many toolbars as required Toolbars can be attached to any element required Toobar icons are easily customised through the popular twitter bootstrap framework Toolbars are responsive and follow the element on resize Examples Horizontal toolbar (top) <div id = "user-toolbar-options" ><a href = "#" ><i class = "icon-user" ></i></a><a href = "#" ><i class = "icon-star" ></i></a><a href = "#" ><i class = "icon-edit" ></i></a><a href = "#" ><i class = "icon-delete" ></i></a><a href = "#" ><i class = "icon-ban" ></i></a></div> Horizontal toolbar (bottom)
Toolbar.js - jQuery plugin to create tooltip style toobars
dynamo.js
A dead-simple way to generate dynamic bits of HTML and add subtle effects to your content. Dynamo is the easiest cutest helpful pretty
Overview Siesta is a JavaScript unit testing tool that can help you test any JavaScript code and also perform testing of the DOM and simulate user interactions. The tool can be used together with any type of JavaScript codebase – jQuery, Ext JS, NodeJS, Dojo, YUI etc.
Siesta | Bryntum
Turns Select Element into User Friendly Graphical Interface
Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface . It works great on both single and multiple select elements. It falls back nicely for clients without JavaScript enabled. It also integrates nicely with Twitter’s Bootstrap markup. Simply add the attribute data-img-src with the url of the image you want to use as a preview.
Commercial License Download JavaScript Maps is a tool that you can use to easily add interactive map functionality to your web pages and JavaScript-based applications. You can use this tool to show locations of your offices, routes of your journeys, create your distributor map, etc.
JavaScript Maps | amMap
Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML 5 canvas and DOM. Collie can stably process multiple objects using rendering pipelines and supports useful features including sprite animation and user events. Stably supports iOS and Android, and renders with an optimized method for each platform. Also easily responds to retina display. Try out Collie for fast and easy development, tuned for best performance in various PC and mobile devices.
Collie - High Performance Animation Library for Javascript
Check that your HTML code conforms to your coding standard HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own "sniffs". To get you started, HTML_CodeSniffer comes with standards that enforce the three conformance levels of the Web Content Accessibility Guidelines (WCAG) 2.0 , and the web-related components of the U.S.
HTML_CodeSniffer
Here's a sample dashboard with 2 widgets. With a name of sample.erb , it becomes accessible at /sample . Each widget is represented by a div element needing data-id and data-view attributes. The wrapping <li> tags are used for layout .
shopify.github.com/dashing/
Viewport resizer - responsive design testing tool
This bookmarklet should not replace a real device simulation. It rather helps you, your team and client testing statuses, transitions, text length etc. throughout different device types. This is the best viewport resized I have seen so far @pixelpanda — TwitterMeny - A three dimensional and space efficient menu concept
A three dimensional and space efficient menu. Move your mouse towards the arrow — or swipe in from the arrow if you're on a touch device — to open. Test it with any page by appending a URL, like so: lab.hakim.se/meny/?u=http://hakim.se.BOWER
Bower is a package manager for the web. It offers a generic, unopinionated solution to the problem of front-end package management , while exposing the package dependency model via an API that can be consumed by a more opinionated build stack. There are no system wide dependencies, no dependencies are shared between different apps, and the dependency tree is flat. Bower runs over Git, and is package-agnostic.15 More Twitter Bootstrap Resources
Twitter Bootstrap now gaining popularity in web development area, because it providing many common usable user interface component, combining with nice simple themes, css framework and javascript element. Many tutorial and resources has been developed to help us getting familiar with bootstrap, in today post I post some more bootstrap resouces that might be useful, I say it “more” cause there are the same article showing bootstrap resources and tools (posted on the bottom of this post), well at least these haven’t been listed before. Yii Bootstrap Bringing together the Yii PHP framework and Twitter Bootstrap .Koottam Social jQuery Plugin | Customized Facebook, Twitter, Google Buttons Using Cross Browser CSS3
node.js
jQuery
Web Development