Great experiences  with standard technologies HTML5, CSS3, JavaScript, ...
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

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

  • 1,943 views
Uploaded on

Why choosing HTML5-CSS3 instead of Flash

Why choosing HTML5-CSS3 instead of Flash

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,943
On Slideshare
1,929
From Embeds
14
Number of Embeds
2

Actions

Shares
Downloads
12
Comments
0
Likes
0

Embeds 14

http://www.slideshare.net 13
http://www.lmodules.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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