Une explication très claire et pédagogique des grid CSS
Un article de fond sur ce que masonry va permettre de faire nativement dans les navigateurs web (bientôt, déjà dans FireFox)
Un générateur de layout en grid et flex très bien conçu
Un tutoriel sur les grid en CSS (très bien fait !)
Une présentation très didactique de FlexBox et Grid dans une perspective de design adaptatif
De belles astuces CSS (avec grid) pour faire des mises en page auparavant difficiles à faire.
Quelques conseil pour bien utiliser les grilles CSS
Alsacréations vous propose sa Grid Cheatsheet au format PDF, que vous pouvez télécharger
Une grille hexagonale en CSS. Se redimensionne en fonction de la largeur de l'écran. Mais ça finit par devenir trop petit pour être lisible. À creuser.
Une astuce CSS avec des Grids pour avoir un design responsive pour afficher une grille d'images. Brillant !
Flex et Grid ont été conçues dans un monde où le RWD était déjà la norme. Ils permettent donc de ne pas faire systématiquement appel aux mediaqueries !
Comment obtenir le Saint Graal des CSS : une présentation en 3 colonnes avec une hauteur de colonne harmonisée.
Vous avez vu ces sites web où une même ligne horizontale n'a pas le même aspect quand vous scrollez (plus ou moins épaisse/colorée) ? Voici l'explication et le remède. Y'a du travail !
Préparez vous aux CSS Grid : c'est pour mars 2017
Framework d'une grille CSS responsive et mobile first
Grilles CSS imbriquées ? Explications pas-à-pas
Grilles CSS imbriquées ? Explications pas-à-pas
Un script pour afficher une grille sur sa page web durant le dev.
On s’entend dire depuis un moment que les grilles sur le web, c’est le bien ; qu’elles facilitent la lisibilité et qu’elles apportent harmonie et structure. Tout cela est vrai ! Face à la pléthore de frameworks qui existent sur le marché : Par où commencer ? Comment établir une grille commune qui facilitera le travail des web designers et des intégrateurs ? Comment faire pour que cette grille soit respectée d’un bout à l’autre du projet ? Ne cherchez plus ! Grâce aux compilateurs CSS existants, vous allez pouvoir utiliser et intégrer n’importe quelle grille, facilement et rapidement.
Un document de référence sur le sujet afin de travailler dans les meilleures conditions.