Moteur Blink, vers un affichage parfait sous Chromium & co ?

Photo de profil pour l’utilisateur Françoise Lindon
Soumis par Françoise Lindon le
Image-billet-blog
Vers l’affichage parfait pour Chrome et notre site www.publicitem.pro ?

Je viens de rajouter ce petit hack à la feuille de style.css pour améliorer notre webdesign :

/* HACK */
@-moz-document url-prefix() {
 .nav-top {
  transition: all 0.2s ease-in;
 }
}

En effet, le glissement au survol du megabouton en haut de site posait problème sous Chrome et consort à cause de son positionnement en absolute. Il était nécessaire pour avoir la présence du bouton réduit, car il s’affiche sous forme de liste à puces, dans le menu, mais que sous mobile. Il y avait peut-être d’autres façons de faire. Le bouton « glissait vers le haut » au changement de la page sur desktop que sous Chromium co, ce qui est erratique. L’affichage étant parfait sous Firefox, nous avons dû commenter la règle CSS pour Chrome et mettre le hack en place pour rendre à Firefox son comportement nickel out the box. Ainsi le bouton fait son slide, au survol du bouton, de manière douce, mais uniquement sous Firefox.
Autre petite imperfection provisoire pour le surf sur le site, il y a un léger gap visuel, uniquement sur le moteur Blink. J’ai testé sous Chrome Version 110.0.5481.24 (Build officiel) dev (64 bits) qui devrait arriver rapidement en version stable. Et là, l’affichage sera parfait tel que sous Firefox (et Vivaldi, et Edge, et l’excellent Qutebrowser, et d’autres) et comme nous l’avons voulu. Amen.

C’est donc bien un petit bug graphique transitoire, dû à la version de navigateur, pas par notre webdesign. Mettez-moi en commentaire si vous auriez fait différemment.

Quand on pense que certains développeurs ou gens qui font leur site eux-mêmes se coupent franchement de pourcentage entier de visiteurs, car leur site ne charge pas. Chez Publicitem, on se dit qu’on fait vraiment du bon travail, consciencieux, et que nous avons notre expertise à amener à ces gens que nous allons contacter, car nous ne pouvons pas les laisser ainsi, avec ces épines dans le web.

//EDIT du 8 février 2023
Hourra. Comme je l’annonçais sur ce billet de blog, Chrome vient tout juste de se mettre enfin à jour avec la v110 (suite à la sortie de Chromium), et l’affichage du site est désormais parfait : fini le petit flash quand on passait d’un élément du menu à l’autre. Il en est de même de Brave. Donc notre site Publicitem s’affiche parfaitement à présent, tel que conçu, sur tous les navigateurs du marché. Donc Firefox, Edge, et Vivaldi ne sont plus les seuls navigateurs sans reproches.

Catégorie

Ajouter un commentaire

Le contenu de ce champ sera maintenu privé et ne sera pas affiché publiquement.

Plain text

  • Aucune balise HTML autorisée.
  • Les lignes et les paragraphes vont à la ligne automatiquement.