04 - HTML5 et CSS3

##CSS3 exercice1a exercice1b exercice1c

• les boites : box-shadow, box-sizing, border-radius , exemple shadow
• transformation: scale, rotate, translate
• gestion de la transparence: opacity: 0.5; color: rgba(10,10,10,0.5)
• préfix vendeur: -webkit- (Webkit: Chrome/safari/Opera) , -moz- (Gecko: Firefox), -ms- (Trident: IE), -o- (Presto: ancienne version Opera )
• sélecteur:
  • par attribut: [attr^="value"]Commence par "value", [attr$="value"]Fini par "value", [attr*="value"]Contient "value", ,
  • pseudo-classes: nth-child(odd/even/3n+2), nth-of-type(), last-of-type, first-of-type
  • pseudo-éléments: ::before,::after,::first-letter,::first-line

##Nouvelles balises HTML5 exercice2

• global : main, header, footer, nav
• structure : section, article, aside
• contenu: figure, figcaption, audio, video

##Adobe Extract exercice3

• accès : https://assets.adobe.com/files?locale=fr
• affichage / masquage des calques
• extraction des images
• lecture des couleurs
• polices de caractères utilisées
• génération de code CSS

Icon

• favicon <link rel="shortcut icon" href="/path/to/icons/favicon.ico"> <link rel="icon" type="image/png" href="/path/to/icons/favicon-192x192.png" sizes="192x192"> <link rel="apple-touch-icon" sizes="180x180" href="/path/to/icons/apple-touch-icon-180x180.png">
• outil : http://www.favicon.cc/, http://realfavicongenerator.net/