Enviar pesquisa
Carregar
Html5 bonnes-pratiques
•
Transferir como ODP, PDF
•
0 gostou
•
2,034 visualizações
Jean-Pierre Vincent
Seguir
les bonnes pratiques appliquées pour ou contre HTML5 présenté à strasbourg à la kiwi party
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 41
Baixar agora
Recomendados
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Raphaël Goetter
HTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantique
Jean-Pierre Vincent
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
BNSA - Aquitaine
Formation html5 css3 java script
Formation html5 css3 java script
Arrow Group
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
Rémy Savard
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
codedarmor
Etendre le Web avec les Web Components
Etendre le Web avec les Web Components
cjolif
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
Recomendados
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Raphaël Goetter
HTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantique
Jean-Pierre Vincent
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
BNSA - Aquitaine
Formation html5 css3 java script
Formation html5 css3 java script
Arrow Group
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
Rémy Savard
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
codedarmor
Etendre le Web avec les Web Components
Etendre le Web avec les Web Components
cjolif
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
Html5 now light
Html5 now light
Jean-Pierre Vincent
HTML5 maintenant partie 2 : APIs
HTML5 maintenant partie 2 : APIs
Jean-Pierre Vincent
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014
Ippon
ENIB 2013-2014 - CAI Web #3: J’ai besoin d’une appli web rapidement
ENIB 2013-2014 - CAI Web #3: J’ai besoin d’une appli web rapidement
Horacio Gonzalez
Présentation complète de l'HTML5
Présentation complète de l'HTML5
jverrecchia
Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?
Patrick Valibus
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerce
Patrick Valibus
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Thierry Pigot
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
Horacio Gonzalez
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
Ghodhbane Mohamed Amine
Présentation html5
Présentation html5
Kénium
HTML5 maintenant partie 3 : multimedia
HTML5 maintenant partie 3 : multimedia
Jean-Pierre Vincent
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
Fabernovel
Publication de documents sur le Web
Publication de documents sur le Web
Saïd Radhouani
Bootstrap 4
Bootstrap 4
Dagbouj Hatem
Premiers pas en css3 et html5
Premiers pas en css3 et html5
Aymen Hamdouni
Wordpress et la sécurité des plugins
Wordpress et la sécurité des plugins
Boiteaweb
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturel
Thierry Pigot
WordPress en tant que CMS
WordPress en tant que CMS
Aurélien Denis
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Sylvie Clément
Atelier template
Atelier template
Pierre Sempé
Introduction à PHP
Introduction à PHP
Saïd Radhouani
Mais conteúdo relacionado
Mais procurados
Html5 now light
Html5 now light
Jean-Pierre Vincent
HTML5 maintenant partie 2 : APIs
HTML5 maintenant partie 2 : APIs
Jean-Pierre Vincent
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014
Ippon
ENIB 2013-2014 - CAI Web #3: J’ai besoin d’une appli web rapidement
ENIB 2013-2014 - CAI Web #3: J’ai besoin d’une appli web rapidement
Horacio Gonzalez
Présentation complète de l'HTML5
Présentation complète de l'HTML5
jverrecchia
Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?
Patrick Valibus
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerce
Patrick Valibus
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Thierry Pigot
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
Horacio Gonzalez
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
Ghodhbane Mohamed Amine
Présentation html5
Présentation html5
Kénium
HTML5 maintenant partie 3 : multimedia
HTML5 maintenant partie 3 : multimedia
Jean-Pierre Vincent
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
Fabernovel
Publication de documents sur le Web
Publication de documents sur le Web
Saïd Radhouani
Bootstrap 4
Bootstrap 4
Dagbouj Hatem
Premiers pas en css3 et html5
Premiers pas en css3 et html5
Aymen Hamdouni
Wordpress et la sécurité des plugins
Wordpress et la sécurité des plugins
Boiteaweb
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturel
Thierry Pigot
WordPress en tant que CMS
WordPress en tant que CMS
Aurélien Denis
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Sylvie Clément
Mais procurados
(20)
Html5 now light
Html5 now light
HTML5 maintenant partie 2 : APIs
HTML5 maintenant partie 2 : APIs
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014
ENIB 2013-2014 - CAI Web #3: J’ai besoin d’une appli web rapidement
ENIB 2013-2014 - CAI Web #3: J’ai besoin d’une appli web rapidement
Présentation complète de l'HTML5
Présentation complète de l'HTML5
Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerce
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 2/3 - HTML5 / CSS3 / Twitter...
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
Présentation html5
Présentation html5
HTML5 maintenant partie 3 : multimedia
HTML5 maintenant partie 3 : multimedia
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
Publication de documents sur le Web
Publication de documents sur le Web
Bootstrap 4
Bootstrap 4
Premiers pas en css3 et html5
Premiers pas en css3 et html5
Wordpress et la sécurité des plugins
Wordpress et la sécurité des plugins
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturel
WordPress en tant que CMS
WordPress en tant que CMS
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Semelhante a Html5 bonnes-pratiques
Atelier template
Atelier template
Pierre Sempé
Introduction à PHP
Introduction à PHP
Saïd Radhouani
Chapitre2 HTML5
Chapitre2 HTML5
Manel Ben Sassi
Jump Camp - HTML5
Jump Camp - HTML5
chaudavid
Association 2 0
Association 2 0
web2manouba
Cours Html.pdf
Cours Html.pdf
4gnzggpfdw
Conception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
davidbx
RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?
Antidot
Html5 & ie
Html5 & ie
Hafid Denguir
CreativeLab Html5 workshop
CreativeLab Html5 workshop
Creative-Lab
Formation html3 css3
Formation html3 css3
Thierry Gayet
JsPhDDefense
JsPhDDefense
Jean-Sebastien S
HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?
Qelios
Cours Php
Cours Php
hamalaadm
Cours Php
Cours Php
hamalaadm
Android Lab Test : La connectivité réseau avec HTTP (français)
Android Lab Test : La connectivité réseau avec HTTP (français)
Bruno Delb
Internationalisation du Front
Internationalisation du Front
Yannick Croissant
Formation html5
Formation html5
Voyelle Voyelle
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Marouan OMEZZINE
Paris Web
Paris Web
cyrildoussin
Semelhante a Html5 bonnes-pratiques
(20)
Atelier template
Atelier template
Introduction à PHP
Introduction à PHP
Chapitre2 HTML5
Chapitre2 HTML5
Jump Camp - HTML5
Jump Camp - HTML5
Association 2 0
Association 2 0
Cours Html.pdf
Cours Html.pdf
Conception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
RDFa, comment insuffler un peu d'intelligence à une page Web ?
RDFa, comment insuffler un peu d'intelligence à une page Web ?
Html5 & ie
Html5 & ie
CreativeLab Html5 workshop
CreativeLab Html5 workshop
Formation html3 css3
Formation html3 css3
JsPhDDefense
JsPhDDefense
HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?
Cours Php
Cours Php
Cours Php
Cours Php
Android Lab Test : La connectivité réseau avec HTTP (français)
Android Lab Test : La connectivité réseau avec HTTP (français)
Internationalisation du Front
Internationalisation du Front
Formation html5
Formation html5
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Introduction au langage PHP (2éme partie) élaborée par Marouan OMEZZINE
Paris Web
Paris Web
Mais de Jean-Pierre Vincent
Mesurer la performance : onload, pages
Mesurer la performance : onload, pages
Jean-Pierre Vincent
Les Performance de rendu sur mobile
Les Performance de rendu sur mobile
Jean-Pierre Vincent
La performance sur mobile
La performance sur mobile
Jean-Pierre Vincent
Performances web - quoi de neuf ?
Performances web - quoi de neuf ?
Jean-Pierre Vincent
Accélération des pages Web : les bases en exemple
Accélération des pages Web : les bases en exemple
Jean-Pierre Vincent
Introduction à la webperf
Introduction à la webperf
Jean-Pierre Vincent
Techniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwiparty
Jean-Pierre Vincent
Techniques d'accélération des pages web
Techniques d'accélération des pages web
Jean-Pierre Vincent
Le monitoring de la performance front
Le monitoring de la performance front
Jean-Pierre Vincent
Les performances Web mobile
Les performances Web mobile
Jean-Pierre Vincent
Function oop - bonnes pratiques ms tech days
Function oop - bonnes pratiques ms tech days
Jean-Pierre Vincent
Fondamentaux portée - contexte - function ms tech days
Fondamentaux portée - contexte - function ms tech days
Jean-Pierre Vincent
Retours sur le concours Webperf 2010
Retours sur le concours Webperf 2010
Jean-Pierre Vincent
Javascript : fondamentaux et OOP
Javascript : fondamentaux et OOP
Jean-Pierre Vincent
Télés connectées et développement Web
Télés connectées et développement Web
Jean-Pierre Vincent
Inclure du Javascript de manière performante
Inclure du Javascript de manière performante
Jean-Pierre Vincent
Mais de Jean-Pierre Vincent
(16)
Mesurer la performance : onload, pages
Mesurer la performance : onload, pages
Les Performance de rendu sur mobile
Les Performance de rendu sur mobile
La performance sur mobile
La performance sur mobile
Performances web - quoi de neuf ?
Performances web - quoi de neuf ?
Accélération des pages Web : les bases en exemple
Accélération des pages Web : les bases en exemple
Introduction à la webperf
Introduction à la webperf
Techniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwiparty
Techniques d'accélération des pages web
Techniques d'accélération des pages web
Le monitoring de la performance front
Le monitoring de la performance front
Les performances Web mobile
Les performances Web mobile
Function oop - bonnes pratiques ms tech days
Function oop - bonnes pratiques ms tech days
Fondamentaux portée - contexte - function ms tech days
Fondamentaux portée - contexte - function ms tech days
Retours sur le concours Webperf 2010
Retours sur le concours Webperf 2010
Javascript : fondamentaux et OOP
Javascript : fondamentaux et OOP
Télés connectées et développement Web
Télés connectées et développement Web
Inclure du Javascript de manière performante
Inclure du Javascript de manière performante
Html5 bonnes-pratiques
1.
Les bonnes pratiques
et HTML5 Jean-pierre VINCENT
2.
#fear
3.
4.
5.
Nouvelle syntaxe
6.
Nouvelles failles de
sécurité
7.
Javascript only
8.
Bonnes pratiques ?
9.
Opquast
10.
codage
11.
Et vous ?
12.
13.
Problème :
14.
Non stylable sur
IE < 9
15.
16.
17.
18.
19.
20.
21.
22.
23.
IE sans JS
mais BP de codage ? Éléments parent
24.
25.
Problème : HTML5
a défini un nouvel algorithme
26.
Hiérarchie HTML 4
: <body> <h1> titre page </h1> <div role=main class=article> <h2> titre article </h2> </div>
27.
Hiérarchie HTML 4
: <body> <h1> titre page </h1> <div role=main class=article> <h2> titre article </h2> </div> HTML5 : <body> <h1> titre page </h1> <article role=main class=article> <h1> titre article </h1> </article>
28.
29.
Pas changeable selon
le doctype
30.
Différent selon le
moteur HTML
31.
32.
Servir un HTML
différent selon le navigateur
33.
Ignorer le problème
(petites hiérarchies)
34.
35.
36.
Rôles ARIA transmis
au AT par le navigateur
37.
Traduction automatique d'éléments
HTML5 en ARIA
38.
39.
Support actuel restreint
(FF4)
40.
Dans la spec,
les rôles main et search sont à définir manuellement
41.
42.
HTML5 et ARIA
aussi
43.
44.
BP#86 : proposer
une alternative
45.
Ou pas, dans
le cas d'effets décoratifs
46.
Canvas
47.
48.
Suppression de
longdesc
49.
50.
Suppression de
longdesc
51.
summary (pour
table)
52.
Solution :
53.
Utiliser alt
comme aujourd'hui
54.
Utiliser aria-describedby
55.
56.
57.
HTTP est déjà
concerné
58.
Ceux qui utilisaient
WebSocket en prod utilisent Flash en fallback
59.
Le protocole changera,
pas l'API
60.
61.
62.
63.
64.
BP#39 : caractère
obligatoire des champs ( required + CSS)
65.
66.
pattern="[a-zA-Z]{5,10}"
67.
/>
68.
69.
70.
Arrivée de HTML5
history
71.
AJAX est (trop)
dans la place
72.
Twitter, gawker ...
73.
74.
75.
76.
77.
78.
Problème : technique
de long polling
79.
Solution : Server
Sent Event
80.
81.
Problème : implémentations
bancales
Baixar agora