Les medias-queries.

CSS3 apporte beaucoup en terme de mobilité et d’adaptation d’un design au support.

Avant, nous devions utiliser des technologies comme phone gap pour rendre nos pages web compatibles sur tablette ou sur smartphone.

Aujourd’hui, avec les médias-queries, le cascading stylesheet devient conditionnel ! Le design devient responsive et adaptable à l’infini…

Pour cela, nous avons juste besoin de spécifier des conditions dans l’attribut média, comme on pouvais spécifier autrefois « print » :

media="screen and (max-width: 640px)"

Ici nous demandons à notre site de charger une feuille différente pour chaque taille d’écran que nous définissons.

Le web designer n’a plus qu’à exprimer son talent et gérer son flux HTML avec intelligence…