10 ressources et tutoriels pour apprendre Flexbox

Besoin d’aide pour vous mettre à Flexbox ? Retrouvez notre sélection de tutoriaux, livres, vidéos, jeux et exemples pour tout apprendre sur cette nouvelle façon de gérer ses intégrations !

Flexbox, c’est quoi ?

En quelques mots, Flexbox est une propriété CSS bien reconnu par les navigateurs actuels créée pour répondre aux challenges posés par les web designs modernes.

Des tutos pour bien démarrer

Pour découvrir comment faire ses premières intégrations avec Flexbox, suivre un guide ou un tuto est d’une grande aide ! Je vous ai donc déniché cette liste de tutos, vidéos et livres (majoritairement en français).

Flexbox, guide complet (en français)

Guide complet flexbox

Tuto vidéo Flexbox CSS3 (en français)

Tuto video flexbox css3

Un livre en français : CSS3 Flexbox – plongez dans le CSS modernes avec Raphaël Goetter

Livre français flexbox

Une illustration de toutes les propriétés Flexbox

Jeux éducatifs

Pourquoi ne pas joindre la théorie à la pratique avec ces divers jeux et playgrounds visuels qui vous permettons de mettre une image sur les subtilités les plus obscures de Flexbox.

Flexbox Froggy

Flexbox froggy

Flexbox Defense

Flexbox defense

Learn Flexbox with Webflow

Flexbox webflow

Exemples

Les jeux et les tuto c’est bien, mais rien ne vaux des exemples complets ! Pour cette raison, je vous ai sélectionne cette liste d’exemples d’utilisation en « situation réelle ».

Une collection de 8 exemples : Flexbox Friday

Collection 8 exemples flexbox

Une interface complete en flexbox

Un début d’interface, toujours avec flexbox

Debut interface avec flexbox