background preloader

HTML5

Facebook Twitter

HTML 5 JavaScript API Index. 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.

Du cercle au graphe circulaire, avec Canvas et JavaScript

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>

Popcorn Maker 1.0 released – how it works. This week Mozilla is in London at the Mozilla Festival 2012.

Popcorn Maker 1.0 released – how it works

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. HTML Canvas Deep Dive. What you are reading is an ebook experiment.

HTML Canvas Deep Dive

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. Utiliser le stockage local dans des applications mobiles avec HTML 5. 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.

Utiliser le stockage local dans des applications mobiles avec HTML 5

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. C'est un mécanisme parfait pour le cache, ce qui permet d'améliorer considérablement la vitesse de l'application — un facteur critique pour les applications web mobiles qui dépendent de connexions beaucoup plus lentes que leurs équivalents de bureau. Prérequis Au cours de cet article, vous allez développer des applications web utilisant les technologies les plus récentes.

ABC du stockage local. Accueil par Développeur front-end : intégration HTML5 et CSS3 de sites Internet 10/02/2012 - 15:32:29. Periodic Table of the Elements - Josh Duck. Native Fullscreen JavaScript API (plus jQuery plugin) 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.

Native Fullscreen JavaScript API (plus jQuery plugin)

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. Simple Demo Video Demo A Brief History of the FullScreen API Understanding the FullScreen API Here are the most important parts of the FullScreen API with notes on how things differ among browsers. Comment créer un color picker sur image avec du HTML5 Canvas. HTML5 Doctor, helping you implement HTML5 today. Useful HTML5/CSS3 Snippets.

Infos

HTML5 File Uploads with jQuery. Martin Angelov 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.

HTML5 File Uploads with jQuery

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). The user drops one or more files from their file system to the browser window by dragging. Sounds complicated? Currently file uploads work only in Firefox and Chrome, but upcoming major versions of the other browsers also include support for it. So lets get started! The HTML index.html <! The jQuery Code. HTML5Rocks - A resource for open web HTML5 developers. h5d-sectioning-flowchart.png (PNG Image, 1095x775 pixels) - Scaled (83%)

HTML5-CSS3.fr - Tutoriels, exemples et d?mos HTML5 et CSS3.

Video