input type=email

More documents

Recommendations

Info

Ressources pour démos, tutos et exemples Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. • Page de ressources HTML5 régulièrement mise à jour : • http://tinyurl.com/7px5gpe • Autres démonstrations utilisées • http://slides.html5rocks.com/ • http://www.w3.org/2010/Talks/0430-www2010-plh/ • http://www.htmlfivewow.com • http://io-2011-html5-games-hr.appspot.com/#1
Supports de HTML5 dans les navigateurs Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. • Tout n’est pas encore supporté, voir : • http://caniuse.com/ : tables de compatibilité régulièrement mises à jours, • http://html5please.us/ : donne l’état des lieux pour chaque feature + indique des solutions de repli, • http://html5test.com/ : test interactif de votre navigateur, • http://www.quirksmode.org/html5/<strong>input</strong>s_mobile.html • Pour cours nous testerons sur des versions récentes des navigateurs • Nous verrons aussi quelques outils permettant d’assurer la compatibilité avec d’anciens navigateurs
Page 1 and 2: Ce support de cours est protégé p
Page 3 and 4: Historique Ce support de cours est
Page 5: Ce support de cours est protégé p
Page 9 and 10: Internet Explorer… Ce support de
Page 11 and 12: Un document minimal Ce support de c
Page 15 and 16: Les nouveaux champs Ce support de
Page 17 and 18: Le champ Ce support de cours est p
Page 25 and 26: validation Ce support de cours est
Page 27 and 28: , attribut multiple Ce support de c
Page 35 and 36: Impossible d’afficher l’image.
Page 37 and 38: Le champ Ce support de cours est p
Page 39 and 40: Le champs , exemple Ce support de c
Page 41 and 42: L’élément Ce support de cours
Page 43 and 44: exemple (suite) Ce support de cours
Page 47 and 48: Attributs formaction et formmethod
Page 49 and 50: Attribut autofocus Ce support de co
Page 51 and 52: Attributs width et height Ce suppor
Page 53 and 54: Attribut required Ce support de cou
Page 55 and 56: Attribut novalidate Ce support de c
Page 57 and 58:
API de validité Ce support de cour
Page 59 and 60:
Ce support de cours est protégé p
Page 61 and 62:
Synthèse (1) Ce support de cours e
Page 63 and 64:
Exemple de structure globale Ce sup
Page 65 and 66:
Doit-on avoir honte d’utiliser de
Page 67 and 68:
et suite… Ce support de cours es
Page 69 and 70:
Changer l’icône par défaut Ce s
Page 71 and 72:
Le tag suite… Ce support de cour
Page 73 and 74:
Le tag , syntaxe très complète Ce
Page 75 and 76:
L’API JavaScript « Selectors »
Page 77 and 78:
querySelector() exemples… Ce supp
Page 79 and 80:
Selecteurs : des exemples Ce suppor
Page 81 and 82:
Doit-on cesser d’utiliser jQuery
Page 83 and 84:
Page 85 and 86:
CSS3 transitions Ce support de cour
Page 87 and 88:
CSS3 transitions : principe Ce supp
Page 89 and 90:
CSS3 exemple (1) Ce support de cour
Page 91 and 92:
CSS3 transitions syntaxes possibles
Page 93 and 94:
CSS3 transitions : amusons-nous ! C
Page 95 and 96:
Page 97 and 98:
CSS3 animations Ce support de cours
Page 99 and 100:
Page 101 and 102:
CSS3 animation autre exemple Ce sup
Page 103 and 104:
CSS3 animation, syntaxe (1) Ce supp
Page 105 and 106:
CSS3 animations : événements Ce s
Page 107 and 108:
Page 109 and 110:
API de géolocalisation (2) Ce supp
Page 111 and 112:
API de géolocalisation (3) Ce supp
Page 113 and 114:
API de géolocalisation : google ma
Page 115 and 116:
API de géolocalisation : options C
Page 117 and 118:
Page 119 and 120:
Maintenant : Ce support de cours e
Page 121 and 122:
Le tag Ce support de cours est pro
Page 123 and 124:
est un élément du DOM Ce support
Page 125 and 126:
exemple Ce support de cours est pro
Page 127 and 128:
attributs du tag (2) Ce support de
Page 129 and 130:
autre exemple interactif Ce support
Page 131 and 132:
et Ce support de cours est protég
Page 133 and 134:
Le tag Ce support de cours est pro
Page 135 and 136:
Codecs supportés Ce support de cou
Page 137 and 138:
Solution de fallback Ce support de
Page 139 and 140:
Web Sound API Ce support de cours e
Page 141 and 142:
permet de dessiner en bitmap Ce sup
Page 143 and 144:
exemple simple Ce support de cours
Page 145 and 146:
Principes du dessin Ce support de c
Page 147 and 148:
Faire « reset » d’un Ce suppor
Page 149 and 150:
Exemple de tracés de lignes Ce sup
Page 151 and 152:
Attributs du dessin « fil de fer
Page 153 and 154:
Dessiner un Arc (de cercle) Ce supp
Page 155 and 156:
Dessiner un cercle Ce support de co
Page 157 and 158:
Dessiner un demi-cercle Ce support
Page 159 and 160:
Courbes de Bezier Ce support de cou
Page 161 and 162:
Formes personnalisées (suite) Ce s
Page 163 and 164:
Dessin de dégradés Ce support de
Page 165 and 166:
Utilisation d’un gradient Ce supp
Page 167 and 168:
Textures Ce support de cours est pr
Page 169 and 170:
Images Ce support de cours est prot
Page 171 and 172:
Page 173 and 174:
Page 175 and 176:
Dessin de texte, exemples Ce suppor
Page 177 and 178:
Texte, concepts avancés Ce support
Page 179 and 180:
Détection d’événements dans un
Page 181 and 182:
Page 183 and 184:
Historique (1) : 2011, augmenter C
Page 185 and 186:
Historique (3) : 2011, le tag Ce s
Page 187 and 188:
getUserMedia API : test du support
Page 189 and 190:
getUserMedia : remarques Ce support
Page 191 and 192:
getUserMedia : encore des inconsist
Page 193 and 194:
On peut aussi appliquer des filtres
Page 195 and 196:
CSS3 Media Queries ? Ce support de
Page 197 and 198:
CSS2 : trop limité Ce support de c
Page 199 and 200:
CSS3 Media Queries : démonstration
Page 201 and 202:
CSS3 Media Queries : syntaxe Ce sup
Page 203 and 204:
CSS3 et Media Queries : bonnes prat
Page 205 and 206:
Page 207 and 208:
Page 209 and 210:
Androïd, astuces Ce support de cou
Page 211 and 212:
Astuce pour cacher la barre d’adr
Page 213 and 214:
Bonne pratiques Ce support de cours
Page 215 and 216:
Evenements JavaScript sur mobiles C
Page 217 and 218:
Evenements « touch », exemple Ce
Page 219 and 220:
Evènements « touch » Ce support
Page 221 and 222:
Evenements « gesture » Ce support
Page 223 and 224:
Page 225 and 226:
Ajax/COMET / WebSockets Ce support
Page 227 and 228:
Performances Ce support de cours es
Page 229 and 230:
Mise en œuvre : API cliente Ce sup
Page 231 and 232:
Très populaire : socket.io Ce supp
Page 233 and 234:
Chat avec NowJS Ce support de cours
Page 235 and 236:
Page 237 and 238:
Utilisation via CSS Ce support de c
Page 239 and 240:
Plusieurs types de polices / suppor
Page 241 and 242:
Fournisseurs de Web Fonts gratuites
Page 243 and 244:
Fournisseurs commerciaux Ce support
Page 245 and 246:
Page 247 and 248:
Page 249 and 250:
Page 251 and 252:
WebStorage (Local et Session Storag
Page 253 and 254:
L’objet LocalStorage Ce support d
Page 255 and 256:
IndexedDB Ce support de cours est p
Page 257 and 258:
IndexedDB : informations importante
Page 259 and 260:
IndexedDB : ouverture d’une base
Page 261 and 262:
Création d’un object store Ce su
Page 263 and 264:
cursorRequest.onerror = html5rocks.
Page 265 and 266:
Page 267 and 268:
WebSQL utilisation Ce support de co
Page 269 and 270:
File API Ce support de cours est pr
Page 271 and 272:
Analyse de répertoire entier Ce su
Page 273 and 274:
Explications lors du drag’n’dro
Page 275 and 276:
Extraits du code Ce support de cour
Page 277 and 278:
File API, pour aller plus loin Ce s
Page 279 and 280:
HTML5 WebWorkers Ce support de cour
Page 281 and 282:
HTML5 WebWorkers Ce support de cour
Page 283 and 284:
HTML5 WebWorker : code du worker Ce
Page 285 and 286:
HTML5 WebWorkers : scopes Ce suppor
Page 287:
HTML5 WebWorker : debug Ce support
show all

input type=email

Create successful ePaper yourself

Delete template?

Save as template?