Introduction à HTML5

• (nouveau Doctype, nouveaux éléments sémantiques, audio, video, canvas, géolocalisation, drag and drop)

Introduction à CSS3

• (propriétés, sélecteurs, préfixes, médias, transitions, transformations, Internet Explorer)

Syntaxe, préfixes et usages CSS3

• Doit-on utiliser CSS3 en production aujourd'hui ?
• Préfixes : liste et utilité
• Syntaxe particulière à CSS3

Valeurs, fonctions et unités

• La transparence avec RGBa et HSLa
• Les variables calc(), min() et max()
• Nouvelles unités (rem, vw, vh, vm, deg, rad, s)
• Compatibilités navigateurs

La gestion des médias avec Media-Queries

• Syntaxe et médias
• Valeurs

Propriétés de texte et de contenu

• word-wrap
• text-overflow
• overflow-x, overflow-y

Propriétés décoratives CSS3

• @font-face
• border-radius
• box-shadow
• background-size
• Arrière-plans multiples
• Dégradés linéaires et radiaux (gradient)

Le positionnement en CSS3

• box-sizing
• multi-colonnes
• Modèle de boîte flexible (flexbox model)
• template layout
• grid layout
• CSS3 Regions, Shapes et Exclusions

La sélection d'éléments en CSS3

• Sélecteur d'adjacence général
• Sélecteur d'attribut
• Pseudo-classes générales
• (:lang, :empty, :target, :nth-child, :nth-of-type, :only-child, :not,…)
• Pseudo-classes de formulaire
• (:valid, :invalid, :checked, :required, :optional,…)

Les transformations

• Rotation
• Zoom avec scale
• Translation avec translate
• Déformations avec skew et matrix

Les transitions et animations

• Propriétés : property, duration, delay, timing-function
• Accélération
• Propriétés supportées
• Animer avec keyframes