Great experiences with standard technologies HTML5, CSS3, JavaScript,

Embed Size (px)

DESCRIPTION

Why choosing HTML5-CSS3 instead of Flash

Citation preview

  • 1. Great experienceswith standard technologies HTML5, CSS3, JavaScript, ... Edouard Seynaeve @seynaeve

2. Caf Numerique www.cafenumerique.be facebook.com/CafeNumerique @CafeNumerique#CafeN Rencontres hebdomadaires afin de mettre en avant l'innovation et initier le plus grand nombre aux nouvelles technologies 3. 4. Moteur de rendu HTML des navigateur web Trident :Internet Explorer , Maxthon, Avant Browser, AOL Explorer Gecko : MozillaFirefox , Fennec, SeaMonkey, Camino, K-Meleon, ... KHTML/WebKit : GoogleChrome ,Safari , Chromium, Konqueror, OmniWeb, ... Presto :Opera(+ Opera Mini, Mobile, Wii), Nintendo DS Browser, Dreamweaver 5. 6. 7. standard = accessible - Un site devrait pouvoir tre lu dans plusieurs annes - Un contenu = uneURL - Un fichier est structur , , ,...- HTML: contenu smantique CSS, images, flash: mise en page 8. CSS3 multi colone ombrages polices dgrads animations slecteurs coins arrondis opacit arrire plans multiples HTML5 balises smantiques glisser-dposer golocalisation hors-ligne ditable 9. Demos Exemple jquery Logo CafeN pure CSS3/Canevas CSS3 coverflow Paint Graphique dynamique Drag & drop localStorage Yahoo! pipes( + d'infos ) 3D (billes) 3D (reflet) Jeux WebGL( Getting a WebGL Implementation ) Quake3 Notepad Efx 10. 11. Vous connaissez dj l'HTML + Ayez une longueur d'avance + Tolrez la dgradation = OsezHTML5 et CSS3 !