Ça fait déjà quelques temps que les ténors en parlent ; mais la ten­dance est là, les uti­li­sa­teurs sur­fant sur leur smart­phones sont de plus en plus nom­breux. La faute aux navi­ga­teurs uti­li­sés dans ces pla­te­formes qui sont de plus en plus per­for­mants. Il faut donc abso­lu­ment les prendre en consi­dé­ra­tion dans la concep­tion de sites qui sont sus­cep­tibles d’être mas­si­ve­ment uti­li­sés via des pla­te­formes mobiles.

Dans cette optique, Paul Irish à bien syn­thé­ti­sé la démarche dans un post sur Google+. Je vous en livre ici une tra­duc­tion faites par votre ser­vi­teur (donc à prendre avec les réserve d’u­sage, hum).

• Pen­ser mobile en pre­mier : com­men­cez par la réso­lu­tion la plus faible
• Gar­dez en mémoire que beau­coup de mobiles ont une réso­lu­tion infé­rieure à 320px
• L’ab­sence de media-query est la pre­mière media-query (Bryan Sie­ger)
• Lais­ser la grille fluide faire le plus gros du tra­vail. Ne cher­chez pas à faire autant de mq qu’il y a de pixels à l’écran…
• Uti­li­sez plu­tôt min-width que max-width (tou­jours dans l’op­tique mobile en premier)
• Soyez éco­nomes en médias, com­men­cez par de petites images, et changez-les pour des réso­lu­tion plus impor­tantes, cf. http://www.cloudfour.com/responsive-imgs-part-2/
• Ne jouez pas trop avec le DOM. La vitesse doit être votre objec­tif prin­ci­pal et (trop) mani­pu­ler les choses avec JS risque de plom­ber vos temps de réponses.
• Ne faites pas 100 gali­pettes pour ten­ter d’a­mé­lio­rer un tas de merde. Votre desi­gn doit être suf­fi­sam­ment intel­li­gent pour gran­dir sans avoir à faire des ver­sions alter­na­tives du site.
• Ne mas­quez pas de conte­nu pour les mobiles, tout autant que les autres ils aiment avoir accès à l’info.
• Gar­dez les zones d’ac­tion grandes, conce­vez pour les méthodes de sai­sie mobile car les uti­li­sa­teur de navi­ga­teur de bureau pour­ront aus­si en pro­fi­ter. Uti­li­sez les pro­prié­tés des for­mu­laires du HTML5 plu­tôt que des arti­fices JS.

Ce qui suit est une tra­duc­tion assez libre d’un texte de Jac­que­line Tho­mas publié sur www.webdesignledger.com. Mon anglais étant ce qu’il est, je serais recon­nais­sant si des per­sonnes y trouvent à redire.

Avant de deve­nir le top de la crème des desi­gners, vous allez pas­ser par la case du débu­tant ; celui-ci est sou­vent confron­té à deux caté­go­ries de per­sonnes : les amis et les clients. Il faut tout de suite bien faire la part des choses : à par­tir du moment où vous avez déci­dé de bos­ser dans le domaine il n’existe plus qu’une caté­go­rie : les clients (les amis n’é­tant deve­nus qu’une sous-catégorie, c’est dur à dire mais, c’est comme ça). Lire le reste »

5 conseils géné­raux sur le théme du web-design. Les lignes qui suivent sont une à la fois une com­pi­la­tion et une tra­duc­tion de divers textes trou­vés sur inter­net et qui sont res­tés dans mon Ever­note depuis trop longtemps.

Avoir des objec­tifs dans la vie est au moins aus­si impor­tant que dans la concep­tion d’un desi­gn de site internet.

Ces objec­tifs ne sont pas des contraintes mais plu­tôt des guides qui nous per­mettent de ne pas perdre de vue cer­tains aspects alors que nos envies nous poussent par­fois un peu trop loin du rivage. Lire le reste »

Depuis que les ordi­na­teurs ont une inter­face gra­phique et des fenêtres, il y a des ascen­seurs et des bou­tons pour contro­ler ces der­niers. Lire le reste »

Une vidéo à la pré­sen­ta­tion par­ti­cu­liè­re­ment soi­gnée. Comme quoi gra­phisme et infor­ma­tion donnent tout leur sens au terme « infographie ».