HTML5 (S'ha redirigit des de: Pointer Events)

 Compartiu 

Característiques noves

Async

• http://caniuse.com/#search=async
• https://davidwalsh.name/html5-async

Canvas

Vegeu HTML5 Canvas

Push State

Vegeu Push State i SPA i implementacions en frameworks com Vue (vue-router)

Local Storage

Local Storage

Websockets

Vegeu article Websockets

Workers

Vegeu Worker

Web workers

Method of running scripts in the background, isolated from the web page

Recursos:

• http://caniuse.com/#search=web%20work
• http://www.html5rocks.com/es/tutorials/workers/basics/

Service workers

Vegeu Service Workers

Web App Manifest

Vegeu Web App Manifest

Progressive web apps

Vegeu Progressive Web Apps

Conceptes

• Polyfill: en desenvolupament web un polyfill (o polyfiller) és un codi descarregable que proveeix de funcionalitats que no estan disponibles de sèrie al navegadors web.

Per exemple moltes característiques de HTML5 no estan suportades a Internet Explorer per a versions anteriors a 8 i 9 però es poden instal·lar polyfill per suplir-ho

HTML 5 form

Elements nous:

HTML5 form attributes

14 nous atributs:

   placeholder
   autofocus
   autocomplete
   required
   pattern
   list
   multiple
   novalidate
   formnovalidate
   form
   formaction
   formenctype
   formmethod
   formtarget

http://html5doctor.com/html5-forms-introduction-and-new-attributes/

HTML 5 i crèdits 8 i 9 de DAM

HTML5 i Hybrid apps --> Aplicacions per a mòbils sense IoS Android

Crèdit 8:

• Seguretat: Com fins ara Logins, auth, etc.
• Processos: HTML 5 web workers: Web Workers provide a standard way for browsers to run JavaScript in the background. With web workers, you can spawn multiple “threads” that all run at the same time, more or less. (Think of how your computer can run multiple applications at the same time, and you’re most of the way there.) These “background threads” can do complex mathematical calculations, make network requests, or access local storage while the main web page responds to the user scrolling, clicking, or typing.
• Local Storage: Bases de dades

Crèdit 9:

• Multimedia: Cvas i video support a HTML5

Intro

Five things you will know about HTML 5:

http://diveintohtml5.info/introduction.html

Detecting support for HTML 5 features

Interesting resource:

http://caniuse.com/

modernizr és una llibreria per comprovar funcionalitat:

http://diveintohtml5.info/detect.html#modernizr

How can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.

• http://diveintohtml5.info/detect.html

HTML 5 Game development

HTML 5 Game development

Pointer events

Vegeu article Touch Interface i Pointer events

• Jquery PEP: PEP són les inicials de Pointer Events Polyfill https://github.com/jquery/PEP

Vegeu també (no confongueu amb!) CSS pointer-events ([1])

Dialog

Vegeu Dialog#Dialog_tag

ARIA

HTML5 ARIA aka

Accessible Rich Internet Applications (ARIA) 

Resources:

• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

HTML 5 multimedia

Vegeu HTML5 Multimedia

HTML pictures

Vegeu Imatges adaptables

Offline Support i Cache

Vegeu els articles Cache i Offline Support i les dos APIs existents:

• AppCache: obsoleta
• Cache API i Service Workers

Vegeu també

• HTML
• Javascript
• CSS

Enllaços externs

• http://www.enruta.me/about/
• http://code.google.com/p/html5-slides/
• http://diveintohtml5.info/
• http://caniuse.com/