L’utilisation de la propriété CSS Flexbox est devenue aujourd’hui quasi indispensable, elle facilite grandement le développement web et il faut très peu de code pour réussir à mettre une structure en place.
Geoffrey Crofte, UX/UI Designer, a développé Flexbox.ninja qui à travers 3 études de cas a pour but de vous aider à devenir un ninja du Flexbox :
- un layout avec header, footer et 2 sidebar
- une technique pour avoir la même hauteur dans des colonnes, peu importe le contenu
- un header responsive
Chacune des démos est accompagnée d’un tutoriel pour le réaliser. Il devrait y en avoir d’autres très prochainement.
A savoir que Flexbox n’est pas l’unique propriété CSS pour faire des mise en pages, il y a également CSS Grid, sur lequel je m’étais penché dans cet article. Chacun a bien sûr ses avantages et votre choix dépendra de votre projet.
2 commentaires On Flexbox.ninja : démos et tuto autour du Flexbox
Merci pour la promotion de l’outil ! Je n’avais jamais vu passer le petit article 🙂
J’ai eu un souci de renouvellement automatique sur ce domaine hélas, j’ai, du coup, tout migré sur mon domaine principal.
Est-ce que tu aurais un peu de temps pour mettre à jour l’URL vers : https://geoffreycrofte.com/flexbox-ninja ?
Un grand merci pour ton temps 🙂
Merci pour l’info, et l’outil toujours utile ! J’ai mis à jour les liens 🙂