HTML5
Get flash to fully experience Pearltrees
Du cercle au graphe circulaire, avec Canvas et JavaScript
Pour dessiner un cercle dans Canvas on manipule les arcs et PI, le découper en parts de tarte est l'étape suivante. Exemple de graphe circulaire dans Canvas Pour dessiner un simple cercle, on utilise la méthode arc de Canvas avec une longueur de 2 * PI. <script> function circle() { var canvas = document.getElementById("canvas1"); var context = canvas.getContext("2d"); context.beginPath(); context.lineWidth="2"; context.arc(100, 100, 90, 0, 2 * Math.PI); context.stroke(); } circle(); </script> Le canevas a une taille de 200 x 200 pixels.
This week Mozilla is in London at the Mozilla Festival 2012 . A year ago at last year’s Festival, we released Popcorn.js 1.0 , and with it a way for filmmakers, journalists, artists, and bloggers to integrate audio and video into web experiences. Popcorn has since become one of the most popular ways to build time-based media experiences for the web. It has proven to be uniquely powerful for bespoke web demos, films, visualizations, etc. This year, we’ve come to the Mozilla Festival with an even bigger 1.0 release: Popcorn Maker 1.0 .
Popcorn Maker 1.0 released – how it works
What you are reading is an ebook experiment. It is built to showcase the power of modern web standards with interactive electronic texts. Everything you see is done with HTML, CSS and Javascript; bundled into book form with open source tools. Read by scrolling down through each chapter or using the navigation footer at the bottom of the screen. This book is an EverBook , my term for a book which is complete but will continue to be updated.
HTML Canvas Deep Dive
Utiliser le stockage local dans des applications mobiles avec HTML 5 | Le Torréfacteur Java
Accélérez vos applications mobiles avec le stockage local standardisé Résumé: Un des apports les plus utiles de HTML 5 est la standardisation du stockage local. Enfin, les développeurs web vont pouvoir arrêter d'essayer de faire tenir toutes les données côté client dans des cookies de 4Ko. Désormais il est possible de stocker de grosses quantités de données sur le client avec une API simple.
Native Fullscreen JavaScript API (plus jQuery plugin) | John Dyer's Code
HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native FullScreen support is coming to most browsers in the next few months ( no word from the Internet Explorer team Update on IE below #5)) The API is still heavily in flux especially since the W3C joined in this week. I spent some time working through the differences to implement FullScreen in MediaElement.js HTML5 video player , and it’s working great in Safari 5.1+, Chrome Canary Chrome 15+, or Firefox Nightly (go to about:config and set full-screen-api.enabled= true) and scheduled for Firefox 10 . Below I’m going to try to explain how things evolved, where we are today, and then some code that you can play with.01. var canvas; 02. var ctx; 04. var images = [
Comment créer un color picker sur image avec du HTML5 Canvas
Useful HTML5/CSS3 Snippets
a.button { font-family: 'PT Sans' , arial, serif; color:#ffffff; text-align:center; font-size:24px; font-weight:bold;
infos
HTML5 File Uploads with jQuery
Today we will be developing a small web application called Upload Center , that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers. The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like. What are HTML5 File Uploads? Uploading files using HTML5 is actually a combination of three technologies – the new File Reader API , the also new Drag & Drop API , and the good ol’ AJAX (with the addition of binary data transfer). Here is a description of a HTML5 file upload process:
video