A List Apart : Articles : Responsive Web Design

Toi aussi tes amis parlent de #mediaqueries et tu ne sais pas ce que c’est...

Tu peux t’amuser à tout comprendre avec le W3C : ►http://www.w3.org/TR/css3-mediaqueries

Ou te perdre avec Mozilla Developper Network.
►https://developer.mozilla.org/en-US/docs/CSS/Media_queries

Regarder des belles captures d’écran via ►http://seenthis.net/messages/92686

Penser voir la lumière avec Css tricks…
►http://css-tricks.com/css-media-queries

et te pâmer devant le Responsive Web Design avec Ethan
►http://www.alistapart.com/articles/responsive-web-design
ou au moins faire semblant en regardant les images,

Ou simplement lire la définition de #wikipedia :

Media Queries is a CSS3 module allowing to adapt the rendering of webpages based on conditions such as screen resolution (eg. smartphone vs. high definition screen). It was first drafted in 2001 by the W3C and became a recommended standard in June 2012. It is a cornerstone technology to Responsive Web Design.

Soit une extension de @media que tu connais déjà depuis avant ta retraite lorsque tu faisais du CSS2.

Et en quelques liens, tu te sens édifiée.

Responsive Web Design par Ethan Marcotte
►http://gobanclub.net/2010/11/17/responsive_webdesign_ethan_marcotte_trad_fr

Commentant son métier, l’Anglais Christopher Wren affirmait avec un brin d’ironie que « l’architecture vise l’éternité ». Cette phrase a un côté intrigant : à la différence du Web, dont le contenu change souvent d’une semaine à l’autre, l’architecture est définie par sa permanence. Les fondations d’un bâtiment sont son empreinte. Elles définissent la charpente, qui donne sa forme à la façade. Chaque étape du procédé architectural est plus immuable, plus statique que la précédente. Les décisions créatives forment un espace physique, définissant la façon dont les gens vont évoluer dans cet espace durant des dizaines, voire des centaines d’années.

Le domaine du Web est une tout autre dimension. Notre travail revêt un caractère éphémère, souvent modifié ou remplacé dans les années qui suivent et son apparence dépend de la taille des fenêtres, de la résolution des écrans, des préférences des utilisateurs, des polices de caractères installées sur leurs machines… Ces éléments ne sont qu’une petite partie des imprévus à prendre en compte lors de la publication de notre travail. Au fil des années, nous sommes devenus des experts en la matière.

#webdesign #interfaces #css #JQuery #Responsive_Web_Design #Ethan_Marcotte #A_List_Apart

L’épisode 49 de Doctype présente #jQuery-1.5 :
►http://www.youtube.com/watch?v=uJ6urG8mfEk

A List Apart : Articles : Responsive Web Design
►http://www.alistapart.com/articles/responsive-web-design

Exemple d’utilisation des mediaqueries de css3 : comment adapter une page web à différents périphériques.

#webdesign #web #css #css3 #design #usability #ux #ui #webdev #mediaqueries