Cuisine et Web

Recettes pour Cuisiniers ou Web Dev en herbes

Article(s) tagué(s) avec le mot clé :grid.

grid et flex, leurs differences.

Rédigé par G.Cyrille 440 vue(s) Aucun commentaire
Classé dans : Layout, Tutoriels, WebDev Mots clés : flex, grid, layout, display

Ces dernieres années les modèles de boites utilisables se sont enrichis de deux type d'affichages en grilles: flex et grid.Vous en avez déjà probablement fait usage en reprenant des exemples qui fonctionnaient pour vos besoins. Voyons leurs différences et usages dans cet article.

Aux premiers abords et en les testant avec quelques elements, les résultats semblent similaires et peuvent preter à confusion dans leur usages et limites. Pourtant l'un ne fonctionne que sur un axe , portions par portions lorsque l'autre fonctionne sur les deux axes dans un tout, comme le ferait un tableau, ils sont en fait trés différents bien qu'ayant quelques propriétes apparement similaires.L'un etant plus flexible que l'autre posant un cadre.

Lire la suite de grid et flex, leurs differences.

Histoire de colonne au fil du temps (layout)

Rédigé par G.Cyrille 149 vue(s) Aucun commentaire
Classé dans : CSS, Layout, WebDev Mots clés : layout, colonne, grid, flex, float, table

Cette article va vous donner quelques exemples reprenant les vielles méthodes en comparaison sur une structure courante avec

  1. un bandeau,
  2. une colonne de navigation et le contenu à coté
  3. et un pied de page sur toute la largeur.

Nous allons recréer cette structure visuelle en passant par float, grid et l'affichage en mode table.

Lire la suite de Histoire de colonne au fil du temps (layout)