Premier pas avec le CSS Grid layout

Pourquoi le CSS Grid Layout?

Aujourd’hui pour faire du responsive design en a besoin d’un framework CSS

 

Le premier des framework CSS qui permet de faire du responsive design est bootstrap
Ensuite il y en a eu d’autres j’ai pu utilisé par exemple UIKIT et sémantiqueUI.

 

Mais le problème que je t’ai rencontré été que c’est vrai moi qui était en constante évolution, et passer de l’un à l’autre de ces framework était assez fastidieux, car j’ai utilisé pas la même syntaxe

Pourtant on peut faire du responsive design en CSS pure mais c’est assez fastidieux
il y a les media queries qui vous permettent de réaliser le responsive design.

Mais comme vous le savez le CSS c’est assez difficilement lisible.

Bien sûr il y a des solutions comme le SASS que vous transpilez en CSS mais ce n’est pas encore la solution idéale

Sans parler que le CSS a beaucoup de hacks qu’il faut utiliser pour avoir le même design sur tous les navigateurs

Puis est apparue la technologie flexbox qui résout un peu le problème

Mais cette dernière technologie est unidimensionnel et notre page est à deux dimensions

C’est pour résoudre ses problèmes que le CSS grid a été inventé pour l’instant seulement Google Chrome et Firefox l’ont implémenté

conception moderne de site, le responsive design pour adapter le site web aux différents formats d’écran

Une grille simple le minimum syndical

Une grille simple et responsive cette fois-ci

Le mieux est de combinaison de technologie afin d’avoir le mec plus ultra du design d’un site web. Ainsi en 2017 vous pouvez ne pas utiliser les framework CSS
Vous pouvez vous baser uniquement sur les technologies qui sont embarquées de façon native par les navigateurs web.

Retour en haut