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.

Je ne m’étendrai pas plus sur ce sujet, car j’y ai déjà dédié un article complet, que je vous engage à lire si vous ne connaissez pas du tout flexbox.

Découvrir Flexbox

Trouvez un webdesigner disponible

Trouvez gratuitement le prochain talent qui réalisera votre projet ou rejoindra votre équipe.

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)

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

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

Au passage, je vous rappelle que si ce livre vous interesse, il est possible d’en gagner un exemplaire (entre autre lots) en repondant a notre sondage #5 : les salaires et le temps de travail dans le web !

What The Flexbox (tutos vidéos en anglais)

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 Defense

Learn Flexbox with Webflow

Flexbox in 5′

Visual Flexbox Playground

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

Une interface complete en flexbox

un début d’interface, toujours avec flexbox