Pages WEB modernes, réactives et éco-responsables

Introduction

Une approche moderne et éco-responsable pour l'édition des pages HTML. C'est bien là des mots à la mode, ainsi que responsive ...
Mais il temps aussi de faire de la place sur les serveurs afin de diminuer la consommation que provoque nos pages sur les différents terminaux et d'augmenter ainsi le temps de transfert de nos données.

Mais aussi de diminuer le temps de chargement des pages et de moins consommer en électricité avec nos divers écran. Oui tout cela est possible rien quand changent l'édition de nos pages web.


Adaptation aux différents affichages

Depuis quelques années, les consultants de vos pages web le font de plus en plus depuis un smartphone, une tablette ou un écran desktop avec un écran de différente taille. Le CSS3 a rendu possible le Responsive Web Design.

Il en résulte des problèmes de présentation sur vos affichages préférés. Il devient donc impératif d'avoir une ou des pages html qui s'adaptent automatiquement aux différentes taille de ces périphériques.

Il serait possible de tester le type d'appareil qui consulte nos pages eb de lui retourner une page web adaptée pour son format. Mais cela reste couteux au niveaux di stockage chez votre fournisseur ou sur votre serveur. Il est plus intéressant de créer des pages qui s'adaptent automatiquement aux formats demandeur d'informations à votre site web. C'est là que l'on parle de page adaptative, format automatique ou en anglais 'responsive'.


Pages web en mode sombre

Pourquoi mettre mes pages web en sombre ?

Mettre les pages web en sombre a plusieurs avantages. Tout d'abord, cela permet de réduire la fatigue oculaire des utilisateurs, car les couleurs sombres réduisent la lumière qui éblouit les yeux de l'utilisateur.

Cela peut également réduire la consommation d'énergie sur les appareils à écran. Les couleurs sombres nécessitent moins d'énergie ou pas pour le noir, les pixels étant éteins au contraire des couleurs claires qui allument les 3 pixels (rouge, bleu et vert ) pour afficher la couleur blanche par exemple.

Enfin, cela permet d'améliorer la lisibilité des caractères et des contenus, ce qui est particulièrement apprécié et important pour les personnes ayant des difficultés visuelles.


Taille des fichiers

La taille de la page web, des images, vidéos et fichiers sonores influence sur la vitesse de chargement de la page, mais aussi de la consommation d'énergie pour le download, de la taille de vos abonnements, ainsi que la place utilisée chez votre fournisseur pour le stockage.


Mise en page sans tableau

Avec l'arrivée de CsS3, on a beaucoup de possibilités pour changer de techniques pour la mise en pages de nos sites et de ne plus utiliser les tableaux (table, tr,td, etc).

Il est plus souple pour gérer les mises à jours de formats, emplacement couleurs d'utilise la balise