Utilisez des techniques CSS3 avancées
pour des effets fantastiques

Formation CSS3 avancée

Propriétés graphiques CSS3

  • border-radius, les coins arrondis
  • les ombres avec box-shadow et text-shadow
  • background-size, dimensions de l'arrière-plan, arrière-plans multiples
  • les dégradés de couleurs et les filtres

Sélecteurs avancés

  • :first-child
  • les sélecteurs d'adjacence
  • les sélecteur d'attributs
  • sélectionner les enfants avec :last-child, :last-of-type, :nth-child(), :nth-last-child(), etc.
  • :root, :empty, :not(), :target
  • les états de formulaires :enabled, :disabled, :valid, :invalid, :checked,
  • ::before, ::after, le contenu généré en CSS

Transformations CSS, transitions et animations

  • la rotation
  • zoom / dézoom
  • les translations
  • les déformations
  • utilisation de matrix()
  • animations: propriétés
  • accélération
  • les keyframes

Positionnement CSS3 avancés

  • flexbox
  • ordonnancement
  • alignements et centrages
  • flexibilité
  • flex-container et flex-item
  • les priorités dans Flexbox

Etre plus productif et organisé en CSS

Outils et bonnes pratiques

  • bonnes pratiques CSS
  • les éditeurs modernes et leurs plugins
  • méthodologies

Sass et les préprocesseurs

  • introduction aux Préprocesseurs (LESS, Sass)
  • les outils de compilation Sass
  • les variables
  • la notation imbriquée
  • les fonctions personnalisées (mixin, extend, placeholder)
  • les boucles et conditions

Automatisation des tâches

  • les outils de compilation
  • minifier, concaténer, autoprefixer, etc.
  • présentation de quelques "task runners" : Grunt, Gulp,...
  • initiation à Gulp et Grunt

Public

Webmasters et intégrateurs, développeurs front-end et webdesigners utilisant HTML et CSS et souhaitant compléter leurs compétences de CSS3.

Pré-requis

Avoir suivi la formation HTML / CSS ou maîtriser ces langages.
Cette formation avancée n'est pas du tout adaptée aux débutants.

Durée

3 jours
soit 21 heures

intéressé par cette formation ?

remplissez simplement ce formulaire ci-dessous et nous prendrons rapidement contact avec vous

Share This
ipsum porta. consequat. Donec id adipiscing commodo neque.
Netalys

GRATUIT
VOIR