< >

Le langage de World Wide Web.

Moi? “Khaled Garbaya” - Senior Interactive developer & team leader @StreamerZ - Twitter : @khaled_garbaya - Blog : khaledgarbaya.net - Github : github.com/khaledgarbaya

Vous?

Timeline des technologies Web

Timeline

HTML5 ~= HTML + CSS + JS

Keynote :

Offline / Storage Realtime / Communication File / Hardware Access Semantics & Markup Graphics / Multimedia CSS3

Offline / Storage

Local Storage

Web SQL Creation d’une BD/Table

Web SQL SELECT * FROM

Indexed-DB

DEMOS

RealTime Communication

Web Workers

Web Sockets

Notifications

DEMOS

File / Hardware Access

Geolocation

File System API

Device Orientation

DEMOS

Semantics & Markup

Markup plus logique Header->hgroup->h1,h2….

Navigation

Section->Article->header+section(content)

Sidebar(aside),figure(img+caption) +footer

Balises pour application

Exemple : autocomplete et details

Form Inputs

DEMOS

Graphiques et multimedia

Audio et Video

Canvas

Canvas-Animations

WebGL

DEMOS

CSS3

Selectors

@font-face

RGBA/box-shadow/ border-radius

CSS Animation

DEMOS

MERCI !