SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
Great experiences  with standard technologies HTML5, CSS3, JavaScript, ... Edouard Seynaeve @seynaeve
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
 
Moteur de rendu HTML des navigateur web Trident :  Internet Explorer , Maxthon, Avant Browser, AOL Explorer Gecko : Mozilla  Firefox , Fennec, SeaMonkey, Camino, K-Meleon, ... KHTML/WebKit : Google  Chrome ,  Safari , Chromium, Konqueror, OmniWeb, ... Presto :  Opera  (+ Opera Mini, Mobile, Wii), Nintendo DS Browser, Dreamweaver
 
 
standard = accessible - Un site devrait pouvoir être lu dans plusieurs années - Un contenu = une URL - Un fichier est structuré <h1>, <h2>, <h3>,...  - HTML: contenu sémantique  <> CSS, images, flash: mise en page
CSS3 multi colone ombrages polices dégradés animations sélecteurs coins arrondis opacité arrière plans multiples HTML5 balises sémantiques <audio> <video> <canvas> glisser-déposer géolocalisation hors-ligne éditable
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
 
Vous connaissez déjà l'HTML + Ayez une longueur d'avance + Tolérez la dégradation = Osez  HTML5 et CSS3 !

Contenu connexe

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

Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)Khaled Djebloun
 
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Raphaël Goetter
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Microsoft Technet France
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Vincent Vandevelde
 
Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2bduverneuil
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heureRaphaël Goetter
 
Intranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël Briner
Intranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël BrinerIntranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël Briner
Intranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël BrinerRezonance
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 
Développez des applications natives en HTML/JS avec Chrome apps
Développez des applications natives en HTML/JS avec Chrome appsDéveloppez des applications natives en HTML/JS avec Chrome apps
Développez des applications natives en HTML/JS avec Chrome appsFlorent Dupont
 
Les défis d’une application mobile multi-périphériques avec HTML5
Les défis d’une application mobile multi-périphériques avec HTML5Les défis d’une application mobile multi-périphériques avec HTML5
Les défis d’une application mobile multi-périphériques avec HTML5davrous
 
Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Pierre Ammeloot
 

Similaire à Great experiences with standard technologies HTML5, CSS3, JavaScript, ... (20)

Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
Browser
BrowserBrowser
Browser
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
 
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
 
Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2Webdesign Passe Present et Present Part2
Webdesign Passe Present et Present Part2
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
 
Intranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël Briner
Intranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël BrinerIntranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël Briner
Intranet 2.0 et RSE - Du centre de ressources au centre de vie - Raphaël Briner
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
CV
CVCV
CV
 
MGD Html5 pres fr
MGD Html5 pres frMGD Html5 pres fr
MGD Html5 pres fr
 
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
 
Développez des applications natives en HTML/JS avec Chrome apps
Développez des applications natives en HTML/JS avec Chrome appsDéveloppez des applications natives en HTML/JS avec Chrome apps
Développez des applications natives en HTML/JS avec Chrome apps
 
Les défis d’une application mobile multi-périphériques avec HTML5
Les défis d’une application mobile multi-périphériques avec HTML5Les défis d’une application mobile multi-périphériques avec HTML5
Les défis d’une application mobile multi-périphériques avec HTML5
 
Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013
 

Plus de wepika

Conférence débat "PME en phase de lancement'
Conférence débat "PME en phase de lancement'Conférence débat "PME en phase de lancement'
Conférence débat "PME en phase de lancement'wepika
 
Attirer les clients wallons
Attirer les clients wallonsAttirer les clients wallons
Attirer les clients wallonswepika
 
Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)
Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)
Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)wepika
 
Twitter De A à Z
Twitter De A à ZTwitter De A à Z
Twitter De A à Zwepika
 
Facebook (Historique, phénomène de société)
Facebook (Historique, phénomène de société)Facebook (Historique, phénomène de société)
Facebook (Historique, phénomène de société)wepika
 
Ted Prez
Ted PrezTed Prez
Ted Prezwepika
 
Robinson Ecole Tue La Creativitee
Robinson   Ecole Tue La CreativiteeRobinson   Ecole Tue La Creativitee
Robinson Ecole Tue La Creativiteewepika
 
Dan Gilbert Why Are We Happy
Dan Gilbert   Why Are We HappyDan Gilbert   Why Are We Happy
Dan Gilbert Why Are We Happywepika
 
Bjorn Fixer Des PrioritéS Pour Le Monde
Bjorn   Fixer Des PrioritéS Pour Le MondeBjorn   Fixer Des PrioritéS Pour Le Monde
Bjorn Fixer Des PrioritéS Pour Le Mondewepika
 
Youtube Seo
Youtube SeoYoutube Seo
Youtube Seowepika
 
Presentation Google
Presentation GooglePresentation Google
Presentation Googlewepika
 
Presentation AndroidPartyIII
Presentation AndroidPartyIIIPresentation AndroidPartyIII
Presentation AndroidPartyIIIwepika
 

Plus de wepika (12)

Conférence débat "PME en phase de lancement'
Conférence débat "PME en phase de lancement'Conférence débat "PME en phase de lancement'
Conférence débat "PME en phase de lancement'
 
Attirer les clients wallons
Attirer les clients wallonsAttirer les clients wallons
Attirer les clients wallons
 
Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)
Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)
Vendre en ligne, pour un budget de 0 à 20000€ (e-commerce 2011)
 
Twitter De A à Z
Twitter De A à ZTwitter De A à Z
Twitter De A à Z
 
Facebook (Historique, phénomène de société)
Facebook (Historique, phénomène de société)Facebook (Historique, phénomène de société)
Facebook (Historique, phénomène de société)
 
Ted Prez
Ted PrezTed Prez
Ted Prez
 
Robinson Ecole Tue La Creativitee
Robinson   Ecole Tue La CreativiteeRobinson   Ecole Tue La Creativitee
Robinson Ecole Tue La Creativitee
 
Dan Gilbert Why Are We Happy
Dan Gilbert   Why Are We HappyDan Gilbert   Why Are We Happy
Dan Gilbert Why Are We Happy
 
Bjorn Fixer Des PrioritéS Pour Le Monde
Bjorn   Fixer Des PrioritéS Pour Le MondeBjorn   Fixer Des PrioritéS Pour Le Monde
Bjorn Fixer Des PrioritéS Pour Le Monde
 
Youtube Seo
Youtube SeoYoutube Seo
Youtube Seo
 
Presentation Google
Presentation GooglePresentation Google
Presentation Google
 
Presentation AndroidPartyIII
Presentation AndroidPartyIIIPresentation AndroidPartyIII
Presentation AndroidPartyIII
 

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

  • 1. Great experiences with 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 : Mozilla Firefox , Fennec, SeaMonkey, Camino, K-Meleon, ... KHTML/WebKit : Google Chrome , 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 années - Un contenu = une URL - Un fichier est structuré <h1>, <h2>, <h3>,... - HTML: contenu sémantique <> CSS, images, flash: mise en page
  • 8. CSS3 multi colone ombrages polices dégradés animations sélecteurs coins arrondis opacité arrière plans multiples HTML5 balises sémantiques <audio> <video> <canvas> glisser-déposer géolocalisation 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 déjà l'HTML + Ayez une longueur d'avance + Tolérez la dégradation = Osez HTML5 et CSS3 !