Moteur Blink : vers un affichage parfait sous Chromium and co ?

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

Petite publication Publicitem donnant des nouvelles de notre site www.publicitem.pro que vous invite à visiter (ah, vous y êtes déjà) et consulter pour vos besoins de com à venir (nos services).

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 méga bouton 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.

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.