Construire une première version

Mesure et Espacements

Etablir une unité de mesure universelle et une echelle de tailles


Les systèmes de grille

Comprendre les principes des systèmes de grille.

The Grid System: Building a Solid Design Layout
A basic understanding of layout grids
The Grid System: Building a Solid Design Layout favicon https://www.interaction-design.org/literature/article/the-grid-system-building-a-solid-design-layout
The Grid System: Building a Solid Design Layout
Spacing, grids, and layouts
Learn how to define baseline grids, column grids, spacing, and layouts
Spacing, grids, and layouts favicon https://www.designsystems.com/space-grids-and-layouts/
Spacing, grids, and layouts
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Material Design favicon https://m2.material.io/design/layout/responsive-layout-grid.html#grid-customization
Material Design

Les unités CSS

Maitriser les unités CSS, utilisables poue exprimer les système d’espacements.

CSS values and units - Learn web development | MDN
This has been a quick run-through of the most common types of values and units you might encounter. You can have a look at all of the different types on the CSS Values and units reference page — you will encounter many of these in use as you work through these lessons.
CSS values and units - Learn web development | MDN favicon https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units
CSS values and units - Learn web development | MDN