Alsacreations.com - Actualités - Archives (décembre 2016)

Les dernières actualités d'Alsacreations.com

Le: 06 12 2016 à 11:11 Auteur: Raphael

CSS3 Flexbox est un module de positionnement à la mode, mais malheureusement encore parfois mal maîtrisé parmi les développeurs web.

La plupart des ressources, documents et cheat sheets récupérables sur Internet se contentent d'informations basiques, ce qui est bien entendu très pratique pour débuter ou apprendre les différentes propriétés.

Cependant, il manquait jusqu'à aujourd'hui un support plus technique, composé d'astuces concrètes et de bonnes pratiques en production.
Alsacréations vous propose sa Flexbox Cheatsheet au format PDF, que vous pouvez télécharger à l'adresse kiwi.gg/flexcheat (157 ko) et qui rassemble les informations techniques nécessaires à un usage de Flexbox au quotidien.

Ce pense-bête est composé des sections suivantes :

  • propriétés Flexbox applicables sur le parent (avec valeurs par défaut)
  • propriétés applicables sur les enfants
  • support des navigateurs (et version de spécification supportée)
  • liste des bugs navigateurs et contournements les plus courants
  • ordre de priorité des propriétés (voir cette présentation PDF)
  • quelques modèles classiques : objet "media", centrage multiple, grille mono-ligne avec et sans gouttières
  • liens vers des ressources incontournables

N'hésitez pas à le télécharger, il est en usage libre (mentions d'Alsacréations recommandée) et à nous faire toute critique ou suggestion à propos de ce document.

Flexbox cheatsheet