Site Web technique - Dois-je supposer que mes visiteurs utiliseront un navigateur moderne?

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?

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.

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.

Présumer:

• JavaScript sera désactivé
• CSS3 ne sera pas pris en charge
• Les images seront désactivées
• La connexion des utilisateurs sera lente

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.

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, titleet des alttextes 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:

• Il y a un espace réservé pour la vidéo, et cliquer dessus suffit pour la débloquer;
• Il y a un espace réservé, mais cliquer ne suffit pas - il y a un autre domaine qui doit être débloqué (généralement un CDN), souvent nommé de manière appropriée mais incohérente (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
• Il n'y a pas d'espace réservé, la vidéo est ajoutée via JavaScript ou non widthet heightdéfinie statiquement, et parfois il n'y a aucune indication que la page a une vidéo. Cela peut être totalement manqué;
• La vidéo dépend d'un serveur publicitaire aléatoire, donc débloquer les domaines les plus évidents ne suffit pas pour la montrer. Si je suis vraiment intéressé, je peux continuer à débloquer chaque domaine restant (dans l'ordre des noms d'apparence moins à plus ombragée), parfois avec l'effet de plus de domaines qui n'existaient pas auparavant, jusqu'à ce que la vidéo fonctionne ou J'abandonne.

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.

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.

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é.

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.

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.