Pourquoi faire du plagiat quand on peut balancer de jolis liens avec des articles écrit par des gens compétents ❤

L’un des meilleurs articles : [EN] Web designer depot > Le design atomic dans le développement web

Media queries #piqure2Rappel

• Article alsacreation sur le quoi k’s’est / pourquoi / comment des média queries (grosso merdo la syntaxe css/sass)

Introduction au mobile first

• UX Republic > Petite intro du pourquoi mobile first
• 1&1 > Intro un peu plus complète sur le mobile first

Tutos trouvés au pif sur internet

Mais bon j’ai quand même vérifié que ça avait du sens, donc ca va ca passe, à l’aise Blaise.

• Petite intro, des beaux schémas, du code d’exemple. Que demande le peuple.
  • Edit 2023 : “blogpascher.com” lelelel
• Article en anglais, mais ultra fourni et détaillé. ne vous arrêtez pas à la pub ca continue en dessous.

Balise meta viewport

Attention ! Afin de palier aux comportements erratiques des différents supports, il ne faut pas oublier de “forcer” le comportement mobile, afin d’avoir des résultats plus homogènes sur les différents navigateurs.

Pour cela, il faut rajouter une balise meta viewport afin de bloquer les niveaux de zoom et d’autres choses.

Cf. l’article d’alsacreation à ce sujet.

Bon taf ❤❤

Edit 2023

Déjà quelques années que les stats pronhub nous apprenaient entre 2 levrettes que dans certains pays plus de 90% de la pop ne tournait plus que sur le web sur portable.

Yeah ces articles m’ont bien parlés à l’époque et son toujours d’actualité ; avec potentiellement des plugins WordPress pour gérer les images ; mais bon c’toujours cool d’avoir le gros des concepts en tête lors de la conception.

Concernant le CSS, je reco de jeter un œil d’une part à SASS pour l’encapsulation, et d’autres part aux méthodes de rangements/organisations telles que BEM/OOCS pour commencer, puis se baser sur ~SMACSS / KNACSS