Articles avec le tag ‘webdesign’

Adapter son site pour le web mobile

Adapter son site pour le web mobileAujourd’hui on peut accéder à internet à tout moment avec un téléphone. Les ventes de smartphones sont en plein essor et les mobinautes, en constante progression. Selon Médiamétrie, leur nombre s’élève à 17,7 millions en juin 2011. Il devient donc indispensable de prévoir une version mobile pour son site.

Afin d’éviter une nouvelle étape de développement, il est possible d’adapter son site au mobile à l’aide d’une feuille de style spécifique. Celle-ci affichera différemment le site en fonction du support (ex : smartphone).

Comment ? En utilisant les médias queries qui permettent d’appliquer une feuille de style selon le média utilisé et la résolution de l’écran. En effet, l’écran d’un mobile est beaucoup plus petit que celui d’un ordinateur : il faut donc revoir le contenu et la navigation.
Voici quelques principes à suivre pour un affichage plus ergonomique sur mobile. Lire la suite

Écrit par Catherine Plichon le 09.09.2011

L’intégration de sites web : pixel perfect ou dégradation progressive ?

L’intégration d’un site Internet est une étape délicate dans la création (ou la refonte) d’un site web. Elle consiste à transformer une maquette au format image en une page web (à l’aide de code HTML).

L’une des grandes difficultés du métier d’intégrateur est de faire en sorte que le code HTML de la page soit interprété de la même manière quel que soit le navigateur (Firefox, Chrome, Internet Explorer…) et la version du navigateur (par exemple : Internet Explorer 7, 8 ou 9). Le réel problème étant que les navigateurs ne respectent pas tous les standards du web (définis par le W3C), ils n’ont pas le même rendu pour le même code HTML et les mêmes styles CSS.

À l’heure d’HTML5 et de CSS3, les sites web se veulent de plus en plus évolués graphiquement. On retrouve plus d’effets de type ombres portées, ombres internes, bords arrondis… C’est ce qui va poser le plus de problèmes sur les anciens navigateurs (tels IE7 ou IE8) qui ne connaissent pas les règles CSS de ces effets.

Dès lors, deux solutions s’offrent à l’intégrateur :

  1. le « pixel perfect »
  2. la dégradation progressive Lire la suite

Écrit par Arnaud Koncina le 31.08.2011

1 commentaire

Les 3 lois du graphisme web

Au fur et à mesure que le temps passe et que le web évolue, les métiers qui le composent (développement, intégration, graphisme, référencement, rédaction, etc.) deviennent de plus en plus nombreux et de plus en plus spécifiques.

Il y a quelques années, il était encore possible pour un graphiste print de mettre ses talents au service du web, les deux volets ayant suffisamment de zones de superposition. Je constate que c’est de moins en moins le cas car le graphisme web est aujourd’hui devenue une discipline à part entière qui nécessite un nombre croissant de connaissances étroitement liées au web et n’ayant pas d’équivalents dans l’univers de Gutenberg. On peut par exemple citer l’ergonomie des sites Internet qui est un sujet aussi vaste que complexe qu’un graphiste n’a plus la possibilité d’ignorer s’il aspire à voir ses créations sous un curseur de souris.

Mais il y a d’autres domaines, moins souvent cités car ne faisant généralement pas partie des connaissances requises pour un graphiste web. Il est même possible d’établir une hiérarchie dans ces domaines, c’est-à-dire un ordre qui indique précisément l’importance que doit prendre chaque aspect de la création graphique pour le web.

C’est ce que j’appelle, les 3 lois du graphisme web, concept largement inspiré des 3 lois de la robotique d’Asimov…

Lire la suite

Écrit par Dario Spagnolo le 21.03.2011

1 commentaire