JavaScript
Get flash to fully experience Pearltrees
Backbone.js
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. The project is hosted on GitHub , and the annotated source code is available, as well as an online test suite , an example application , a list of tutorials and a long list of real-world projects that use Backbone. Backbone is available for use under the MIT software license . You can report bugs and discuss features on the GitHub issues page , on Freenode IRC in the #documentcloud channel, post questions to the Google Group , add pages to the wiki or send tweets to @documentcloud .
Ça bouge beaucoup en ce moment en matière de techniques d’animation sur le Web. D’un coté, Flash est malmené, de l’autre nous voyons apparaître les animations CSS . Quelles sont les technologies disponibles, quelles sont leurs limites et comment s’outille-t-on pour réaliser des animations sur le Web ? Je vous propose de faire le tour de l’état de l’art du sujet.
Les animations sur le Web, quelle techno pour quel usage ? – Clever Age, 100% digital
Taking advantage of the new capabilities of HTML5 and CSS3 can mean sacrificing control over the experience in older browsers. Modernizr 2 is your starting point for making the best websites and applications that work exactly right no matter what browser or device your visitors use. Thanks to the new Media Query tests and built-in YepNope.js micro-library as Modernizr.load() , you can now combine feature detection with media queries and conditional resource loading.
Modernizr
raphael
// Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );
Raphaël—JavaScript Library
melonJS - Un moteur de jeux 2D mêlant Javascript et HTML5 - La Ferme du web
Ce projet à été mis en place afin de profiter d'une librairie libre, autonome et simple à utiliser. Celui-ci intègre un ensemble de textures en carrés ( Tiled map format ), qui permet de créer des niveaux de jeux très facilement grâce à un éditeur de map . La liste est un peu plus longue mais vous pouvez voir que c'est une librairie assez complète qui va encore murir dans les mois à venir, avec l'ajout de fonctionnalités supplémentaires, la correction de bugs, etc.
d3.js
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction. D3 is not a traditional visualization framework.
jquery plugins