Alors quand on ne connait pas bien le système c'est une horreur, mais une fois qu'on comprends la façon de faire c'est tout simple ;)
Déjà première règle: MOBILE FIRST!!!
Faut commencer en mobile, comme ça tu n'aura pas de "casse", quand tu commences à coder la version mobile, et que tu agrandi la fenetre, alors ce sera ultra étiré donc moche, mais les blocs ne seront pas cassés, tu choisit un breakpoint pour passer en mode tablette, tu étires encore jusqu'àa arriver au point où tu veux la version pc, et enfin la version grand ecran (aujourd'hui il y'a des gens qui possèdent des très grands écrans, 27", 32", voire même des écran ultra wide comme le samsung g9 odyssey)
Le dernier point m'amène à la deuxième règle: container
Faut penser à mettre une largeur max dans le corps du site, comme ca les utilisateurs a très grands écrans auront une section centrée avec des marges a droite a gauche et pas étiré
Maintenant cette règle dépends bien sur du design voulu ^^' faudra s'adapter :p
Troisième règle: la grid
CSS nous a mit à disposition une feature incroyable: le CSS grid, faut l'utiliser ;)
Surtout pas utiliser Bootstrap4, leur système de grid c'est du hack chelou avec les marges négatives, Bootstrap5 par contre utilise le nouveau système de grid natif de CSS, mais bon on peut le faire en CSS, mais si quelqu'un veut utiliser la grid Bootstrap, faut prendre Bootstrap5
Maintenant ce que j'en pense, et bien perso je suis un dev backend Laravel, mais je me débrouille bien en front, pas au point de sire que je suis développeur fullstack, mais ça va ^^
Du coup j'ai pas trop de soucis avec le front, surtout qu'il y'a toujours de nouvelles technos pour rendre le front plus abordable, le problème vient surtout du fait que les dev back ne font pas de veille techno Front donc ils ne se rendent pas compte que le front devient de plus en plus simple
olive140
