HTML5

TwitterFacebook
Get flash to fully experience Pearltrees

Drag and Drop and Automatically Send to the Server | HTML5 Doctor

http://html5doctor.com/drag-and-drop-to-server/ I realised (when looking myself) that there are a lot of demos and tutorials that show you how to drag-and-drop a file into the browser and then render it on the page. They're often labelled as "drag-and-drop and upload", but they actually don't upload . This tutorial will take you that final step.
http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

HTML5 Canvas Cheat Sheet - Nihilogic

There are cheat sheets for just about anything out there but I couldn't find one for the HTML5 canvas element, so I decided to do something about that, mostly for my own sake but if other people find it useful that's just all the better. The information is pretty much just a copy of what is found in the WHATWG specs , just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla's examples). So, it's basically just a listing of the attributes and methods of the canvas element and the 2d drawing context.
http://www.w3.org/TR/html5/links.html#link-type-help

4.12 Links — HTML5

This is a work in progress! For the latest updates from the HTML WG, possibly including important bug fixes, please look at the editor's draft instead. There may also be a more up-to-date Working Draft with changes based on resolution of Last Call issues.
http://www.learncomputer.com/speed-up-your-web-pages-with-html5/

9 Ways to Speed Up Your Web Pages with HTML5 | LearnComputer

Web developers are always looking for new ways to improve the speed and performance of the pages. With some of the new features available in HTML5, there are several ways that you can improve your web applications to give your user a better experience. We’ve compiled 9 easy-to-implement HTML5 tips and tricks here that would help you streamline your website without investing in additional infrastructure.
http://www.w3.org/TR/html5/the-menu-element.html#context-menus The attribute is an enumerated attribute indicating the kind of menu being declared. The attribute has three states. The context keyword maps to the state, in which the element is declaring a context menu.

4.11 Interactive elements — HTML5

http://nclud.com/work/hello-wallet-iphone-app/

Hello Wallet iPhone App | nclud

The National Journal, one Washington’s premier political publications, sought out nclud to help design and develop their mobile strategy, centered around their flagship mobile applications for iPhone and iPad .
http://www.joshondesign.com/2012/03/12/html-canvas-an-interactive-travelogue/

HTML Canvas : an Interactive Travelogue « Josh On Design

As you know, I've been doing a lot of ebook prototyping lately. Ever since the iBooks 2 announcement I've had this idea stuck in my head that we can make rich interactive ebooks using nothing but web technology. That lead to the toolkit I've been working on, now open sourced on github.
The classList object, added to all nodes within the DOM, provides developers methods by which to add, remove, and toggle CSS classes on a node. classList also allows developers to check if a CSS class has been assigned to a given node. http://davidwalsh.name/classlist

HTML5 classList API

http://pepelsbey.github.com/shower/en.htm#Header

Shower Presentation Template

This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive.
http://www.catswhocode.com/blog/10-awesome-html5-audio-players MediaElement is an audio an video player which is written in pure HTML5 and CSS. Older browsers are supported by Custom Flash and Silverlight players that mimic the HTML5 MediaElement API. Here is a great player, probably my favorite from the whole list. Speakker is super easy to set up and comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors, etc… Are you using Mootools on your website? If yes, you’ll probably enjoy this player, made with HTML5 and the Mootools JavaScript framework.

10 awesome HTML5 audio players | CatsWhoCode.com

Philosophie de l'attribut rel Le monde du Web est construit sur la métaphore de la toile . Chacun des fils seraient la représentation des hyperliens, là où chaque point d'ancrage de la toile serait alors le représentant d'une page web. Le lien est un composant essentiel de la structure des documents. Il offre la possibilité de naviguer vers une autre ressources, et de mettre en relation des ressources similaires, complémentaires ou concurrentielles.

HTML5 : attribut rel et relations - Alsacreations

The ol Element and Related Attributes: type, start, value, and reversed | HTML5 Doctor

The element has a new attribute reversed in HTML5. In addition, a couple of related attributes purged in HTML 4 have made a return, namely start and type for , and value for . Making things more interesting, the returning attributes were removed from HTML 4 for being presentational . So why are they back? Let’s investigate…
HTML5 is here, and with it, web applications take on a power, ease, scalability, and responsiveness like never before. In this book, you will learn how to use the latest cutting-edge HTML5 web technology—available in the most recent versions of modern browsers—to build web applications with unparalleled functionality, speed, and responsiveness.

Pro HTML5 Programming

HTML5 permet d'associer des données directement dans un élément HTML à l'aide des attributs data-*. Comment peut-on associer des données quelconques à un élément HTML ? Dans ses premières spécifications, le langage ne laisse que peu de liberté : tous les attributs que l'on peut ajouter à un élément ont un usage précis. Il ne serait pas possible d'écrire : pour ajouter des informations, car ce n'est pas valide. Des attributs que l'on pourrait penser de premier abord inoffensifs visuellement ont souvent été détournés de leur usage initial, pour y stocker arbitrairement des données. C'est par exemple le cas de alt pour une image, ou de rel et title .

Attributs data-* - Alsacreations

Eyes may be on Apple for its anticipated textbook-related announcement tomorrow , but others in the space aren't standing still: Chegg has unveiled a new HTML5-based reader for its digital textbook rental service that users can access through a regular browser. They're calling it the eTextbook Reader, and it allows customers to create highlights, take notes, access inline dictionary definitions, and connect with Chegg's online Homework Help service — and then pick up their sessions whenever they move to a new device. Unfortunately, due to publisher restrictions the expanded functionality will not be available for all titles (it wasn't clear if there was a way to determine what books would be limited without actually renting them).

Chegg unveils HTML5 web-based reader for textbooks | The Verge