Antichesse (o ^ω^ o)
Un tuto interactif sympa sur les flexbox que m'a filé @Kim aujourd'hui.
Une merveille pour réduire la taille des pages à trois fois rien.
Pour Acos qui fait des FlexBox en ce moment.
Via HowTommy.
Et comme par magie, les caméras de surveillance de la cellule Jeffrey Epstein étaient éteintes au moment où il est mort, alors qu'il s'apprêtait quelques jours plus tard à témoigner du trafic pédophile dans lequel baignent les dirigeants de ce monde. #Epstein
Les liens de Kalvn sont décidément bien trouvés ! Ici des tutos animés sur les Flexbox des CSS.
@Chlouchloutte @Animal il est temps de vous y mettre !
Source du lien.
Super tuto à base d'exemple et de cas concrets au sujet des FlexBox et des principaux problèmes / layouts "résolus".
Pour @Animal & @Chlouchloutte
Pour Chlouchloutte, Animal et Lenny qui doivent faire du positionnement HTML.
Le modèle FlexBox est un positionnement à une dimension, les CSS Grid font de même mais en deux dimensions.
L'intérêt de se servir de frameworks comme Bulma ou Bootstrap se réduit de semaines en semaines. D'autant que les CSS Grid sont gérées à 88% selon Can I use. Pour info les FlexBox le sont à 95% à cette heure.
Pour Chlouchoutte & Animal qui galèrent depuis 5 ans avec les Flexbox. Une infographie pour comprendre comment ça marche (je préfère quand même le tuto d'Aslacréations ici qui me semblait plus pragmatique et moins fouillis).
Lenny, nous parlions des FlexBox et des CSS Grid qui les complètent. Voici une page qui résume parfaitement les FlexBox.
Un tuto FlexBox / CSS Grid expliquant dans quels cas l'un où l'autre devient intéressant. On y voit clairement la différence entre un positionnement à une dimension (flexbox) et à deux dimensions (grid).
Pour toi Chlouchloutte.
Reproduire le comportement des FlexBox sur des navigateurs n'implémentant pas les FlexBox
Ohhh (O_O) moi qui cherchais un framework CSS pour dégager Bootstrap, le remplacer par les FlexBox (plus léger, plus rapide, plus facile) et qui soit compréhensible par un néophyte je suis servie avec Bulma qui fait comme Bootstrap, en s'appuyant sur les FlexBox et en produisant des classes CSS toutes prêtes.
Animal, il faut que tu utilises ça pour ton site.
Roudoudoutte, idem pour ton projet.
En tout cas c'est une techno web à regarder !
Les FlexBox ont de meilleurs performances que les autres mode d'affichage. Elles sont plus simple à mettre en oeuvre et interopérable/compatible avec tous les navigateurs de nos jours.
Elles s'apprennent en 4-5 jours pour un début ou une débutante en web, c'est-à-dire n'ayant jamais touché à HTML et CSS (Roudoudoutte, spourtoi).
FlexBox : faites le pas !
Comment les FlexBox de CSS2-3 / HTML5 nous aident à résoudre les problèmes précédemment insolubles du positionnement web.
Un tuto plus détaillé que celui d'AlsaCréations sur les FlexBox
Je continue les tutos sur le positionning HTML5/CSS5 avec un tuto sympa d'AlsaCréations.
Animal, Chlouhloutte et Doudou le savent bien, je suis en train de développer un projet web perso. La gui de ce dernier se base en partie sur les FlexBox et les CSS3 qui lui sont associés.
Très franchement, cette technologie nous fait gagner un temps considérable et sa prise en charge sur le marché est vraiment bien avancée (environ 60% des navigateurs sont compatibles sans les préfixes du type --moz ou --webkit et on avoisine les 75% avec).
Bref, j'ai abandonné complètement le positionnement d'antan pour les FlexBox et je vous encourage à lire ce PPT pour convaincre de faire de même.
Via Colibri : http://colibri-libre.org/liens/?SCVGrw
Un feedback intéressant sur les FlexBox.
Je continue sur le positionning en HTML5/CSS3 avec je cite :
"Un tuto génial sur les Flexbox. Ce conteneur super bien reconnu depuis des années par les différents navigateurs (Firefox 2+, IE10+, Chrome 4+, etc) devient mon nouveau gestionnaire de layout par défaut.
Ça avance dans le bon sens en fait.
Et la cartographique de l’implémentation des Flexbox dans les navigateurs (PC + Mobile) : http://caniuse.com/#search=flex"