Affichage des articles dont le libellé est HTML5. Afficher tous les articles
Affichage des articles dont le libellé est HTML5. Afficher tous les articles

mardi 23 août 2011

HTML5 Signature Pad jQuery Plugin: Signature Pad

Posted by YufGrafix | mardi 23 août 2011 | Category: , | 0 comments



Signature Pad is a jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON for later regeneration.
The Signature Pad has two modes:
TypeIt: The user’s signature is automatically generated as HTML text, styled with @font-face, from the input field where they type their name.
DrawIt: The user is able to draw their signature on the canvas element.
Requirements: FlashCanvas 1.5, json2, jQuery-1.3.2+
Website: http://thomasjbradley.ca/lab/signature-pad

Multiple File Upload Plugin: jQuery File Upload

Posted by YufGrafix | | Category: , , | 0 comments

jQuery File Upload is an open source extensible jQuery plugin that supports multiple file upload with lots of useful features including drag and drop, upload progress indicator and cross-site file uploads.



jQuery File Upload implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins. This plugin uploads files via XMLHttpRequests (if supported) and uses iframes as fallback for legacy browsers.
It is compatible with any server-side application platform and works well with Google App Engine (Python, Java), Ruby on Rails, PHP and any other platform that supports HTTP file.
Requirements: jQuery Library 1.4
Website: http://aquantum-demo.appspot.com/file-upload

HTML5 Graph Visualization Library using Web Workers and jQuery: Arbor.JS

Posted by YufGrafix | | Category: , , | 0 comments


Arbor.JS is an interesting HTML5 graph visualisation library built using Web Workers and jQuery.
Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.
It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements.
Requirements: jQuery Library
Compatibility: All modern browsers
Website: http://arborjs.org/

Get Cross Domain Images with HTML5 Canvas: getImageData

Posted by YufGrafix | | Category: , , | 0 comments

getImageData is a jQuery plugin to create a proxy script on their server to get images from different domains or origins. It enables pixel level access to images from different origins.


It works by sending a JSONP request with the URL of the image to Google’s servers via the Google App Engine. The server then converts the image into base64 encoded data URL and sends the image back as a JSON object. This means that the image can be locally included on the website and therefore it can be edited by the canvas tag.


Requirements: jQuery Library
Website: http://www.maxnov.com/getimagedata




Easily Convert Websites into Mobile Sites with Mobilize.js

Posted by YufGrafix | | Category: , , | 0 comments



Mobilize.js is an HTML5 framework to do website mobilization on the client side. It detects mobile browser and convert the website for touch optimized displays using jQuery Mobile UI framework.



  • Automatically detect mobile browsers
  • One script tag integration
  • Touch optimized user interface based on jQuery Mobile
  • Cloud hosting: optimized JS and CSS from the cloud
  • Supports iPhone, Android and many other browsers & devices
The client orientation and lack of complex server-side dependencies makes Mobilize.js simple and easy to integrate to any web system.
Website: http://mobilizejs.com/