Conception de différents navigateurs Web - Mannequins

Bien que votre public puisse différer, vous pouvez créer des sites Web qui semblent bien dans Safari sur iPhone et iPad sans compromettre la conception de la page lorsqu'elle est affichée dans l'un des navigateurs Web les plus populaires sur Internet.

Si vous voulez créer un site Web étonnant avec beaucoup de fonctionnalités utiles et des tonnes de "wow factor", vous pouvez concevoir vos pages Web avec le code pour les faire bien paraître dans les navigateurs Web qui visitent votre site Web.

C'est une bonne idée de cibler (et tester) vos conceptions en utilisant les deux versions les plus récentes de chacun des navigateurs Web les plus populaires sur les ordinateurs de bureau et portables.

Au moment d'écrire ces lignes, les navigateurs de la liste suivante étaient les plus populaires - et ceux les mieux utilisés pour tester et cibler votre design:

• Chrome: Versions 7, 8, 9

• Firefox: Versions 3. 5, 3. 6, 4. 0

• Internet Explorer: Versions 8, 9

• Opera: Versions 10, 11

• Safari: Versions 4, 5

Découvrez le navigateur de votre public préférences

Si vous n'êtes pas sûr des navigateurs utilisés par vos visiteurs, vous pouvez probablement le découvrir en consultant les journaux de trafic de votre site Web. La plupart des sites disposent d'un moyen de suivre le trafic et, en effectuant une recherche dans vos journaux Web, vous pouvez voir quels types de navigateurs et d'appareils visitent votre site.

Google Analytics est un excellent moyen de suivre le trafic, que vous pouvez ajouter gratuitement à n'importe quel site pour suivre les sources de trafic, mesurer les navigateurs qui visitent votre site, et bien d'autres choses encore. Dans cette figure, vous voyez comment Google Analytics répertorie tous les types de navigateurs et d'appareils qui visitent l'un de nos sites Web.

Les modèles de trafic et l'utilisation du navigateur changent au fil du temps. Veillez donc à consulter régulièrement vos propres rapports et à tester votre code à chaque nouvelle version du navigateur. Comprendre vos propres visiteurs peut vous aider à choisir le chemin qui convient le mieux à votre site.

Comparer le support HTML et CSS des navigateurs Web

Lorsque vous créez des sites Web pour l'iPhone et l'iPad et que les visiteurs de votre site Web disposent de l'un de ces appareils, vous pouvez être sûr qu'ils disposent de la dernière version de Safari. Les meilleurs navigateurs pour supporter les dernières fonctionnalités de HTML5 et CSS 3.

Si vous voulez concevoir des pages avec le bon code pour les bons navigateurs, vous devez identifier les navigateurs qui supportent quels tags. Heureusement, un certain nombre de ressources en ligne peuvent vous aider, y compris Can I Use et son site compagnon visuellement attrayant, HTML5 Readiness montré dans cette image:

Un autre site utile pour comparer et comprendre le support pour CSS 3 est CSS3 Please.