CSS3 Pro & SVG Animations

x

Programme

  • Les nouveaux sélecteurs
    - Les pseudos-selecteurs
    - Sélecteurs : Suivant / Précédents / Pair / Impair / Premier du type etc..
  • Module Flexbox et Grid
    - Alignement horizontal et vertical
    - Distribution des blocs (space-between, space-around)
    - Comportement responsive des blocs
  • Les animations
    - Transitions
    - Animations
    - Personnaliser une animation
    - Easing et Delay
  • Effets CSS3
    - Ombres portées, filtres couleurs, transparences
    - Transformation : rotation, skew, translate, scale
    - Filtres sur les images
  • SVG
    - Utilisation du SVG (Scalable Vector Graphics)
    - Dessiner du SVG en CSS et en JS

    - Animation CSS3 et SVG
  • Polices d’icônes
    - Générer une police d’icône
  • Outils pratiques et librairies
    - Générateur d’animations SVG en javascript
    - Animate.css
    - Wow.js
    - SVG.js
    - Tweenmax
  • Les bonnes pratiques
    - Images adaptatives (écran rétina / mobile etc)
    - Décomposition des class
    - Methode BEM (Block-Element-Modifier)
    - Introduction au SASS

Ecolage Sf 800.-

Pré-inscription