WORKSHOPS

Rte des Acacias 24 | 1227 Genève | 022 328 0770 | info@nomades.ch

CSS3 Avancé

Public

Ce workshop s’adresse à des WebDesigners qui sont déjà familiers avec le HTML5 et les CSS3 et qui souhaitent créer une interactivité dans leurs sites web sans avoir besoin de programmer en JavaScript

Prochaines dates

01.02.2021 - 05.02.2021

Durée et horaires

3 séances de 4h00,
09h00-13h00
Pré-requis: HTML5 / CSS3

Écolage

CHF600.-

Programme

1. Les nouveaux sélecteurs

  • Les pseudos-sélecteurs
  • Les Sélecteurs

2. Module Flexbox et Grid

  • Alignement horizontal et vertical
  • Distribution des blocs
  • Comportement responsive des blocs

3. Les animations

  • Transitions
  • Animations
  • Personnaliser une animation
  • Easing et Delay

4. Effets CSS3

  • Ombres portées, filtres couleurs, transparences
  • Transformation : rotation, skew, translate, scale
  • Filtres sur les images

4. SVG (Scalable Vector Graphics)

  • Utilisation du SVG
  • Dessiner du SVG en CSS et en JS
  • Animation CSS3 et SVG

5. Générer une police d’icône

6. Outils pratiques et librairies

  • Générateur d’animations SVG en JavaScript
  • Animate.css
  • Wow.js
  • SVG.js
  • Tweenmax

7. Les bonnes pratiques

  • Images adaptatives
  • Décomposition des class
  • Methode BEM (Block-Element-Modifier)
  • Introduction au SASS