Info utils du développeur¶

Taille des écrans¶

De nos jours, l’internaute moyen va naviguer sur le web en utilisant divers appareils : son ordinateur de bureau ou portable, son téléphone mobile ou encore sa tablette. En bref, il existe de nombreux moyens pour accéder à votre site web et l’affichage de votre site web sera différent.

Pourquoi ? Car tous ces appareils n’utilisent pas la même résolution d’écran (en pixel). Votre site web devra s’adapter à toutes les dimensions, que ce soit en largeur, en hauteur ou encore la taille des éléments présents sur votre site comme les boutons.

Ainsi, il n’existe pas vraiment de dimension standard sur un site web. Les web designers et créateurs de sites sont dépendants des types d’écrans et d’appareils utilisés et doivent s’y conformer.

C’est là qu’entre en compte le Responsive Design, mais ça c’est plutôt une des solutions au problème. Pour revenir à nos moutons, il existe énormément de résolutions d’écran différentes mais il y en a qui sont beaucoup plus courantes que d’autres et cela évolue avec les évolutions technologique et dépend aussi des régions / pays.

Statistiques sur la résolution des écrans en 2024¶

Source: StatCounter Global Stats - Screen Resolution Market Share

Les normes - W3C¶

Le W3C ou World Wide Web Consortium désigne un organisme international à but non lucratif. Son rôle est de définir les standards techniques liés au web. Surtout, ils déterminent les mêmes règles pour tous les développeurs du monde. L’idée est également de favoriser l’accès au web, au plus grand nombre.

Le consortium existe depuis 1994 et est dirigé par l'inventeur du Web, Tim Berners-Lee.

CCS Références¶

Apprendre par l'exemple : cssreference.io est un guide visuel gratuit sur le CSS. Il présente les propriétés les plus populaires et les explique à l'aide d'exemples illustrés et animés.

Validité des explorateurs Internet¶

Le site Can I Use est une ressource en ligne qui permet aux développeurs web de vérifier la compatibilité des fonctionnalités HTML, CSS et JavaScript avec différents navigateurs.

C'est un outil essentiel pour s'assurer qu'une technologie est bien prise en charge avant de l'utiliser en production.

Exemple avec FlexBox https://caniuse.com/flexbox