Prévoir un site pour toutes les résolutions (design fluide) La question des dimensions idéales d'un site est souvent posée.
Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Les sites web étant conçus avec des éléments graphiques (la plupart du temps) non vectoriels, ceux-ci n'adoptent pas le même rendu selon la résolution de l'écran du visiteur, notamment en terme de répartition horizontale.
Faut-il centrer ? Quelques statistiques (2010) 1% d'utilisateurs en 800x600 20% en 1024x768 75% en résolutions supérieures (sources : W3Schools, W3counter) Premier constat : pour toucher un maximum de visiteurs (toutes résolutions confondues), un site doit être conçu sur une résolution minimale de 1024x768, et être consultable (avec ascenseurs) dans les résolutions inférieures. Tendances actuelles Il existe plusieurs techniques de design qui s'adaptent bien à toutes les résolutions actuelles : Le design fluide. Détecter un iPhone/iPod Touch et proposer une redirection vers le site optimisé - Abel Poucet web design. Voici deux solutions pour détecter si le visiteur est un iPhone ou un iPod Touch et proposer, le cas écheant, une redirection vers la version du site optimisée pour l’écran tactile du périphérique pommesque.
Méthode 1 : Grâce à un javascript on va détecter si le périphérique utilisé par le visiteur pour naviguer sur votre site est un iPhone ou un iPod Touch. Ensuite, si tel est le cas on va lui proposer de naviguer sur la version optimisée du site à l’aide de la boite de dialogue par défaut de l’iPhone. Code original trouvé ici (en anglais) : 1/ Le javascript proposant le choix au travers d’une boite de dialogue, à mettre entre les balises head : } } } </script> 2/ Appeler la fonction avec la balise body : <body onLoad="iPhoneAlert();"> Méthode 2 : Une deuxième méthode, moins intrusive et plus personnalisable que la boite de dialogue de l’iPhone, permet d’inclure, dans une div, un lien vers la version optimisée qui ne s’affichera que pour les iPhones.
Code original trouvé ici (en anglais) : Top 10 des plugins de Firefox pour les développeurs Web. Mozilla Firefox est un navigateur Web gratuit et open source descendu de la suite applicative de Mozilla et géré par la Mozilla Corporation.
En ce début d’année dans la lutte acharnée que se livrent les navigateurs Internet, Firefox vient de passer en tête des navigateurs en Europe, devant Internet Explorer de chez Microsoft, malgré les efforts de ces derniers pour sortir encore une nouvelle version. Une des raisons les plus en vue derrière la popularité de Firefox est ses plugins. Un plugin est un ensemble de composants logiciels qui ajoute des capacités spécifiques à un logiciel hôte pour lui apporter de nouvelles fonctionnalités. S’il est supporté, le plugin permet de personnaliser les fonctionnalités d’une application. Firefox supporte une large gamme de plugins. Je vais vous présenter ci-dessous la liste des dix principaux plugins Firefox pour vous, développeurs Web. Note : Cette liste n’est bien sûr pas exhaustive. La barre d’outils Web Developer Quelques uns des menus Avant : Après :