Intégration HTML

Les avantages de CSS3

Pour les non développeurs, CSS3 ne semble rien apporter de révolutionnaire.

Des coins arrondis, des ombres… On en faisait déjà avant, non ?

La grande nouveauté, c’est que CSS3 permet aux intégrateurs d’automatiser ces effets visuels qui nécessitaient jusqu’à présent l’utilisation d’images, de scripts ou de modifications du code HTML : ombres portées, coins arrondis, opacité, arrière plans multiples, dégradés complexes, multi-colonage, effets textuels…

Boutons CSS3

A gauche : Internet Explorer 8 / A droite : Firefox 3.5

Dans cet exemple, il suffit d’une seule ligne de code CSS3 pour activer les effets visuels visibles à droite.

Continue reading “Les avantages de CSS3″

Testez la visibilité de vos pages avec Browser Size

Google Labs viens de sortir un outil baptisté Brower Size qui permet de tester vos pages pour savoir quelles sont les zones les plus visibles pour vos visiteurs.

En effet, tout le monde n’a pas un écran 24 pouces et certains éléments risquent de ne pas être vus par vos visiteurs ayant de faibles résolutions.

Browser Size

Sans surprise, les zones les plus visibles sont situées en haut et à gauche. La largeur de vos pages ne devrait donc pas dépasser 1000px pour s’afficher correctement sur la majorité des écrans.

Mais cela veut-il dire également que vos pages doivent tenir dans moins de 600px de hauteur ?

Absolument pas ! les tests utilisateurs prouvent que les internautes savent scroller !

Cela veut dire que vos éléments les plus importants doivent apparaître avant la limite et les éléments secondaires plus bas.

Cette pratique existe également dans la presse papier. En effet, les journaux mettent toujours les informations les plus percutantes ‘above the fold’ (au dessus du pli) afin qu’elles soient visibles du premier coup d’œil dans les kiosques.

Quelques conseils pour encourager vos visiteurs à scroller :

  • Aérez vos pages
  • Évitez les grosses lignes horizontales (effet de barrière)
  • Ne faîtes pas de blocs avec scrollbar interne

Pour plus d’informations, lisez The myth of the page fold: evidence from user testing