Mise en page avec CSS3 : styles riches du texte et des boîtes, interface responsive en mobile-first, alignements flexibles en CSS2 et CSS3 avec Flexbox

Responsive Web Design

  • CSS3 Media queries avec points de rupture
  • Mobile first en min-width
  • Flexibilité et repositionnement des blocs
  • Colonage en flottaison flexible avec clearfix
  • Colonage adaptif en inline-block
  • Optimisation du chargement des images avec srcset et points de rupture
  • Menu adaptatif off-canvas ou toggle

Styles CSS3 riches

  • Styles typographiques
  • Propriétés des boîtes : ombres, arrondis, bordures, marges, fond dégradés et alpha
  • Effets de survol et clavier
  • Images et vidéos en fond adaptatif
  • Polices riches et d'icône embarquées
  • Sélecteurs CSS avancés
  • Effets sur images avec filtres
  • Animation CSS3

CSS3 Flexbox

  • Syntaxe et préfixes de compatibilité
  • Gestion des alignements sur les axes principaux et secondaires
  • Passage à la ligne, étirement et contraction
  • Répartition moderne des éléments
  • Ciblage de flex-item unique
  • Modulation libre de l'ordre d'affichage des éléments flex-items