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.
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)
A dead-simple way to generate dynamic bits of HTML and add subtle effects to your content. Dynamo is the easiest cutest helpful pretty
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 .
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 — Twitter
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 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.