Dynamiser ses sites avec CSS3 : perfectionnement
Formation pour apprendre à maitriser le CSS3 et les bonnes pratiques d'intégration, dans le respect des standards web.
Détail de la formation
Niveau : Intermédiaire
Durée : 7 heures (sur 1 jour)
Type : Formation exclusive
Profil : Intégrateurs et développeurs
Tarifs : Formation exclusive 800€ HT
Objectifs
Découvrez les nombreuses possibilités de la norme CSS3, tant sur les effets d'animations et de transitions, les décorations (ombrage, dégradé, etc), et les méthodes de positionnements, tout en prenant en compte les compatibilités de navigateurs.
Pré-requis
- Cette formation ne s'adresse pas aux débutants en CSS
- Bonne aptitudes aux langages xHTML/CSS
- Culture générale sur Interneb
Programme
Introduction à CSS3
- Focus : syntaxes CSS2 & CSS3
- Compatibilité
- Préfixes
- Usages
Propriétés décoratives CSS3
- border-radius
- box-shadow
- background-size
- background-gradient(dégradés)
- arrière-plans multiples
- @font-face
Valeurs, fonctions, unité
- Compatibilités navigateurs
- Nouvelles unités (rem, deg...)
- Transparence avec RGBa et HSLa
- Variables calc(), min() et max()
Propriétés, textes et contenus
- word-wrap
- text-overflow
- overflow-x, overflow-y
- multi-column layout
- Travaux pratiques
- Mise en application décorative
- Questions/réponses
Les sélecteurs d'éléments CSS3
- Sélecteur d'adjacence général
- Sélecteur d'attribut
- pseudo-classes
Positionnement CSS3
- Modèle de boîte flexible (flexbox)
- template layout, grid model
- box-sizing
Les transformations, transitions et animations
- Rotation
- Zoom avec scale
- Translation avec translate
- Déformations avec skew et matrix
- Propriétés : property, duration, delay, timing-function
- Accélération
- Propriétés supportées
- Animer avec keyframes
Conclusion
- Mise en application décorative
- Ressources & outils Css3
- Perspective CSS3 : en avant vers le responsive web design