Le rendu graphique d’un site web varie selon deux facteurs : le navigateur internet et le système d’exploitation utilisés.

Je vous présentais il y a presque un an une solution de visualisation de rendu multiple, grâce au site Browsershots. Ce site fonctionne toujours, de nombreux navigateurs sont d’ailleurs ajoutés au fil du temps.

Un des inconvénients de Browsershots est le temps d’attente pour la génération d’un rendu. Il est absolument inenvisageable de modifier une ligne de votre CSS et de visualiser l’impact rapidement.

J’ai découvert récemment un réel système de virtualisation de systèmes d’exploitation en ligne qui fonctionne parfaitement bien : CrossBrowserTesting !

CrossBrowserTesting vous permet au travers un applet Java de vous connecter réellement sur une machine distante pouvant fonctionner sous :

• Windows : 98 SE, XP (home) SP2, Vista, Seven (bêta)
• Mac : OS 10.5
• Linux : Ubuntu 8.10

» Lire la suite

SenCSs est un framework CSS Open-Source (MIT) qui ne vous fournit pas de support de mise en page mais qui vise à prendre en charge tout le reste :

• polices et tailles de polices
• paddings
• margins
• couleurs
• tableaux
• listes
• blockquotes
• etc.

Le framework est en fait composé d’un seul et unique fichier CSS que vous pouvez utilisé comme base lors de l’élaboration d’un site web. Il permet d’effectuer un reset de certaines proprietés CSS permettant d’obtenir un rendu identique (ou presque) sous tous les navigateurs.

Oubliez les galères d’alignement et le décallages CSS » Lire la suite

Tout développeur sait (ou doit savoir) que les différents navigateurs internet n’interprètent pas de la même façon les propriétés de mise en forme CSS. Je ne parle pas là des « hacks » pour pallier aux fonctionnalités non supportées par les moteurs graphiques des navigateurs, mais bien des attributs CSS de base : margin, padding, etc…

Pour visualiser le rendu de votre navigateur je vous propose cet outil de Julien Royer :

» Lire la suite