Je suis en train de créer mon propre site Web, qui comprendra un blog technique. Je veux construire mon site Web en utilisant des technologies modernes telles que HTML5 et CSS3.
Étant donné que mon site Web sera destiné aux programmeurs et principalement aux utilisateurs avertis , devrais-je tenir pour acquis que ces personnes utiliseront un navigateur moderne? Ou devrais-je rendre mon site compatible avec les anciens navigateurs au cas où?
Je ne veux pas passer par la peine d'adapter mon site Web pour qu'il soit compatible avec les navigateurs dont je suppose qu'ils ne seront pas utilisés.
MISE À JOUR: J'ai lu les réponses jusqu'à présent et il semble que vous avez manqué un détail important sur la question. Alors au cas où ce ne serait pas clair, veuillez concentrer vos réponses en tenant compte de la nature du site:
mon site Web sera destiné aux programmeurs et principalement aux utilisateurs avertis
Compte tenu de cela, dois-je tenir pour acquis que ces personnes utiliseront un navigateur moderne?
la source
lynx
:)Réponses:
Ajoutez Google Analytics à votre site et suivez vos utilisateurs
La seule façon de le savoir est de collecter un échantillon raisonnable de statistiques sur votre base d'utilisateurs. Tout ce qui est en deçà de cela n'est qu'une hypothèse sans fondement.
Heureusement, Google Analytics suit absolument tout sur le navigateur, la taille de l'écran, les capacités activées, etc ...
Ciblez Internet Explorer en tant que «point faible» car les versions sont prises en charge beaucoup plus longtemps. Par exemple, le cycle de vie de la prise en charge de Windows XP n'expirera pas avant le 8 avril 2014, donc IE 6 ne disparaîtra pas d'ici là.
Si les statistiques montrent que seul un très faible pourcentage d'utilisateurs utilise IE 6 (ou IE 7), cela ne justifie peut-être pas l'effort nécessaire pour prendre en charge leur navigateur.
En ce qui concerne le HTML5 plus récent, vous pouvez ajouter un shiv HTML5 à votre site pour une couverture d'amélioration progressive gratuite, mais limiter les fonctionnalités plus avancées (ex API de fichiers HTML5) aux sections privées de votre site jusqu'à ce que les navigateurs rattrapent leur retard.
la source
90% ou plus des Américains ont des images activées, JavaScript activé, le support CSS et une connexion raisonnable.
Passer 90% de votre temps à courir après les 10% du monde qui se sont mis en quatre pour ne pas découvrir le Web moderne est une perte de temps.
la source
Présumer:
Je sais que ce n'est pas ce que vous voulez entendre, mais en tant que concepteurs et développeurs Web, c'est la réalité à laquelle nous sommes confrontés. Non seulement des utilisateurs utiliseront des navigateurs plus anciens, mais certains d'entre eux modifieront les paramètres de leur navigateur pour changer son comportement par défaut (par exemple, désactiver JavaScript).
Vous ne pouvez pas non plus oublier les bots comme les moteurs de recherche qui auront un support variable et limité pour CSS et JavaScript. De plus, certains utilisateurs utiliseront des lecteurs d'écran qui sont notoirement en retard sur la prise en charge des dernières technologies.
La prise en charge de tout ce qui précède est en fait beaucoup plus facile à faire que cela ne semble. L'amélioration progressive est un principe de base de la conception et du développement Web et vous permettra d'utiliser les dernières et meilleures fonctionnalités de votre site tout en prenant en charge les navigateurs et les utilisateurs qui ne peuvent pas encore tout gérer.
la source
Assurez-vous qu'au moins votre page d'accueil fonctionne correctement dans tous les environnements que vous pouvez raisonnablement prendre en charge. Si des pages spécifiques nécessitent des technologies qui ne sont pas largement prises en charge, indiquez-le clairement dans les liens qui y mènent (vous n'avez pas besoin d'utiliser quelque chose de désagréable,
title
et desalt
textes sur les liens et les images peuvent suffire) et dans les pages elles-mêmes (par exemple, en ajoutant un petit en-tête - qui pourrait être masqué lorsque / si vous êtes en mesure de détecter que les capacités sont présentes).Essayez également de vous assurer que les pages se dégradent correctement lorsque les technologies requises ne sont pas présentes / activées. Même si vos visiteurs sont férus de technologie, si quelque chose dans votre page ne fonctionne tout simplement pas mais qu'il n'y a aucune indication de ce qui manque, ils pourraient ne pas prendre la peine d'aller le chercher (à moins qu'ils ne soient vraiment intéressés, ce qui n'est pas quelque chose peut être assumé). OTOH vous n'avez pas à donner des instructions détaillées sur la façon d'activer ce qui manque, il suffit de dire ce qui doit être activé devrait être suffisant pour ce public.
Mise à jour: je voudrais mettre davantage l'accent sur le dernier point avec un anedocte personnel: en tant qu'utilisateur soucieux de la sécurité, je navigue toujours avec NoScript activé. Lorsque je vais sur un site Web qui contient une vidéo, par exemple, l'une des choses ci-dessous se produit:
width
etheight
définie statiquement, et parfois il n'y a aucune indication que la page a une vidéo. Cela peut être totalement manqué;Ceci est juste pour illustrer certains problèmes qui peuvent survenir même si vous supposez un navigateur moderne et un utilisateur averti. Vous n'avez pas besoin de vous mettre en quatre pour vous assurer que votre site fonctionne pour toutes les configurations possibles, mais il est important que certains éléments de sécurité soient présents même dans ce cas.
la source
Je pense que l'argument de John Conde était que, simplement parce que ce sont des techniciens, vous ne pouvez pas supposer qu'ils utilisent un navigateur moderne. Cela dit, j'ai tendance à être d'accord avec Evik James sur le fait que l'OP doit trouver l'équilibre entre coder le site pour un public plus large ou se consacrer à la place aux blogs. S'il veut monétiser ce site à un moment donné, je dirais qu'il devrait suivre les philosophies de l'amélioration progressive et du design réactif, car il est beaucoup plus facile d'améliorer progressivement si vous commencez avec le mobile (et le friggin IE6!) Et construisez votre chemin vers le haut. Mais à tout le moins, l'OP devrait exécuter son site via un navigateur Lynxpour voir à quoi ressemble son site pour un lecteur d'écran ou une araignée de moteur de recherche et s'assurer que tout peut être affiché avec des images, CSS et javascript désactivés. Ensuite, laissez toutes les cloches et les sifflets vraiment cool pour les navigateurs modernes, et ne vous inquiétez pas tellement de ce qui semble un peu déplacé ou ennuyeux dans IE6.
la source
w3m
,lynx
ou tout navigateur de texte disponible.Je pense que vous devez supposer qu'ils utilisent des navigateurs modernes en fonction de votre marché cible. Gardez un onglet sur l'utilisation du navigateur et si un nombre important de personnes utilisent des navigateurs plus anciens, apportez des modifications de compatibilité.
la source
Vous devriez lire sur l'amélioration progressive pour prendre en charge la plupart des utilisateurs et profiter des fonctionnalités du navigateur. La conception réactive est un autre sujet important pour prendre en charge la plupart des appareils (de nos jours, beaucoup de gens utilisent des appareils mobiles). D'un autre côté, il existe de nombreuses bibliothèques comme Modernizr , passe- partout , explorercanvas pour vous aider à ce sujet.
la source
Le fait que votre public cible soit des programmeurs, etc., je ne suppose toujours pas que parce qu'ils sont plus techniquement soucieux, ils auront les dernières nouveautés sur leurs ordinateurs. C'est le raisonnement personnel plutôt que la pensée professionnelle qui dicte ce qu'un programmeur / technicien utilise sur son ordinateur.
Par exemple, un programmeur peut être paranoïaque et ne permettra pas à Java d'être activé sur son ordinateur.
Dans tous les cas, Internet est ouvert à tout le monde, pas ouvert aux différentes sections. Créez le site Web pour qu'il soit accessible à tous. Vous ne savez jamais, un programmeur averti en technologie peut avoir son ordinateur en panne, alors il est bloqué en utilisant le PC de sa mère qui exécuterait Windows XP avec Internet Explorer 7.
la source