Comment concevoir pour les différents navigateurs web

category Internet & médias sociaux / Web design & développement / Conception iPhone & iPad web

Bien que votre public peut différer, vous pouvez créer des sites Web qui semblent bonnes dans Safari sur l'iPhone et l'iPad sans compromettre la conception de la page lorsque l'affichage dans les navigateurs Web les plus populaires sur l'Internet.

Sommaire

Si vous voulez faire un site étonnant aspect avec beaucoup de fonctionnalités utiles et des tonnes de “ facteur wow, ” vous pouvez concevoir vos pages web avec le code pour les rendre bien dans les navigateurs web qui visitent votre site Web.

Il est une bonne idée de cibler (et tester) vos créations 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 dans la liste ci-dessous étaient les plus populaires - et les mieux utilisés pour tester et cibler votre conception:




  • Chrome: Versions 7, 8, 9

  • Firefox: Versions 3.5, 3.6, 4.0

  • Internet Explorer: Versions 8, 9

  • Opera: Versions 10, 11

  • Safari: Les versions 4, 5

Découvrez les préférences du navigateur de votre auditoire

Si vous n'êtes pas sûr de navigateurs vos visiteurs utilisent, vous pouvez probablement trouver par la visualisation des journaux de trafic de votre site Web. La plupart des sites ont une façon de suivre le trafic, et en cherchant vos journaux Web, vous pouvez voir quels types de navigateurs et appareils visitent votre site.

Une excellente façon de suivre le trafic est Google Analytics, auquel vous pouvez ajouter gratuitement à tout site pour suivre les sources de trafic, mesure qui navigateurs visiter votre site, ainsi que bien d'autres choses. Dans cette figure, vous voyez comment Google Analytics répertorie tous les types de navigateurs et appareils visitant un de nos sites.

image0.jpg

La circulation routière et les changements d'utilisation du navigateur au fil du temps, alors assurez-vous de revoir vos propres rapports régulièrement et tester votre code avec chaque nouvelle version de navigateur. Comprendre vos propres visiteurs peut vous aider à choisir le chemin qui fonctionne le mieux pour votre site.

Comparez HTML et le support des CSS entre les navigateurs web

Lorsque vous créer des sites Web pour l'iPhone et l'iPad et les visiteurs de votre site Web avoir un de ces appareils, vous pouvez faire confiance qu'ils ont la dernière version de Safari, qui est l'un des meilleurs navigateurs pour supporter les dernières fonctionnalités de HTML5 et CSS 3.

Si vous allez à concevoir des pages avec le code droit pour les bonnes navigateurs, vous devez identifier les navigateurs prennent en charge les balises. Heureusement, un certain nombre de ressources en ligne peut vous aider, y compris Puis-je utiliser et son site compagnon visuellement attrayant, HTML5 préparation montré dans cette image:

image1.jpg

Un autre site utile pour comparer et comprendre le soutien de navigateur pour le CSS 3 est CSS3 S'il vous plaît.

Articles Similaires

A propos Auteur
Aperçu des pages à partir de Dreamweaver dans tout navigateur Aperçu des pages à partir de Dreamweaver dans tout navigateur

Vous pouvez prévisualiser une page dans Dreamweaver à l'aide d'un navigateur installé sur votre ordinateur. Et rappelez-vous, en regardant une page Web dans le navigateur est vraiment la seule façon de voir ce que votre page va ressembler dans…

La différence entre les deux fenêtres des navigateurs Web des 8 La différence entre les deux fenêtres des navigateurs Web des 8

Windows 8 est livré avec deux navigateurs Web. Ajoutant à la confusion, chacun porte le nom d'Internet Explorer. Bien qu'ils semblent complètement différent, le navigateur de l'écran de démarrage est vraiment juste une version allégée du…

A propos de clipper Web Evernote pour les navigateurs Web A propos de clipper Web Evernote pour les navigateurs Web

Après avoir créé votre compte Evernote, vous pouvez choisir la version pour la plate-forme ou un périphérique dont vous avez besoin. Il vous suffit de cliquer sur le lien dans le Bienvenue à Evernote e-mail indiqué sur la figure. Evernote…

Soutien CSS3 et navigateur Soutien CSS3 et navigateur

L'état actuel des normes pour le soutien de navigateur Web pour les effets CSS3 et transformations est en pleine mutation. Très probablement, au fil du temps les pouvoirs-que-être dans le monde du navigateur - ceux qui publient Internet Explorer,…

Conception de votre site pour les utilisateurs mobiles Conception de votre site pour les utilisateurs mobiles

Grâce à la puissance des smartphones et leurs navigateurs mobiles entièrement fonctionnels, les visiteurs mobiles attendre à avoir une expérience de navigation satisfaisante. Vous aurez envie de prendre pleinement en considération…

Comment optimiser les applications CSS3 avec Modernizr Comment optimiser les applications CSS3 avec Modernizr

Il existe de nombreux navigateurs différents et versions de navigateurs en usage aujourd'hui. Chacun d'entre eux ne sont pas optimaux pour CSS3. Ceci est où Modernizr entre en jeu. Ses développeurs appellent «une bibliothèque…

Comment travailler avec les sélecteurs CSS3 Comment travailler avec les sélecteurs CSS3

À la mi-2010, les concepteurs et les développeurs Web se réjouissaient que CSS3 a commencé à faire son chemin dans le courant dominant. Depuis ce temps, le soutien de navigateur pour CSS3 a régulièrement augmenté et amélioré, même si CSS3…

A propos des balises HTML5 A propos des balises HTML5

Pas tous les navigateurs Web sur l'Internet HTML5 de soutien aujourd'hui. Concentrez-vous sur ce qui est possible dans le navigateur web Safari sur l'iPhone, iPad, et iPod. Si vous créez des pages Web pour le grand public de la World Wide Web, vous…

Conception pour les navigateurs Safari et chrome Conception pour les navigateurs Safari et chrome

Safari et Chrome sont des navigateurs WebKit, basé sur le même WebKit déchirerERing moteur, qui contrôle la façon dont le navigateur interprète HTML, CSS et autre code. Tous les navigateurs WebKit suivent les mêmes règles (au moins la…

Afficher un nouveau code de HTML5 dans de nombreux navigateurs Afficher un nouveau code de HTML5 dans de nombreux navigateurs

Quand vous vous concentrez sur la conception d'un iPhone, iPod touch ou iPad, vous avez l'avantage de savoir que vos visiteurs seront en utilisant le navigateur Web Safari. Il est basé sur le moteur WebKit de présentation, ce qui peut rendre CSS 3…

Assurez CSS 3 travailler dans d'autres navigateurs web Assurez CSS 3 travailler dans d'autres navigateurs web

Si vous souhaitez utiliser HTML5 et CSS 3 dans la conception de votre site Web, vous devez savoir que les deux HTML5 et CSS 3 sont encore en cours de développement. La spécification CSS n'a pas encore été approuvé par le W3C, mais de nombreux…

Faites votre travail CSS 3 à travers les navigateurs web Faites votre travail CSS 3 à travers les navigateurs web

Si vous concevez votre site Web pour le bureau ainsi que pour l'iPhone et l'iPad, vous pouvez toujours utiliser le CSS expérimentale 3! Finalement, le CSS 3 dans votre site sera probablement pris en charge. L'exemple de cette section vous montre…

Déplacer vers HTML5 et CSS 3 pour la conception web Déplacer vers HTML5 et CSS 3 pour la conception web

Lors de la planification d'une nouvelle conception de sites Web, rappelez-vous que de nombreuses versions différentes de HTML sont maintenant en cours d'utilisation sur le web. Toutes les versions les plus récentes travailler dans le (système…

Testez votre code avec les outils w3c Testez votre code avec les outils w3c

Tester vos conceptions Web avec le World Wide Web Consortium (W3C) des outils de validation a toujours été une bonne idée, mais il est encore plus important pour la conception web mobile. Les navigateurs de bureau Web, y compris Internet…

» » » » Comment concevoir pour les différents navigateurs web