Le Responsive Web Design

Après les annonces de Steve Jobs concernant la taille d'écran (960x640) et surtout le record de densité de l'iPhone 4 (326 ppi), - même suivi par les mises aux points de rigueur -, il était temps de rappeler les nouvelles fonctionnalités apportées par CSS3 concernant l'adaptation des feuilles de style aux propriétés des écrans utilisés.

En effet, il y a maintenant des disparités très grandes entres les écrans : des tailles de 640 x 480 à 1920 x 1600 et des densités variant entre 72 ppi et maintenant 326 ppi.

Dans ce contexte, il devient primordial d'aller au-delà des fonctionnalités javascript (et de l'attribut media des CSS 2) pour adapter le layout des pages HTML aux caractéristiques du navigateur. C'est ce que le site A List Apart appelle le "responsive web design" avec des exemples tels que :

<link rel="stylesheet" type="text/css"
  media="screen and (max-device-width: 480px) and (resolution: 163dpi)"
  href="shetland.css" />

Un commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.