Great experiences with standard technologies HTML5, CSS3, JavaScript, ...

download Great experiences  with standard technologies HTML5, CSS3, JavaScript, ...

If you can't read please download the document

description

Why choosing HTML5-CSS3 instead of Flash

Transcript of Great experiences with standard technologies HTML5, CSS3, JavaScript, ...

  • 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 !