Pas terrible ; mais presque
Sep 19
Depuis que les ordinateurs ont une interface graphique et des fenêtres, il y a des ascenseurs et des boutons pour controler ces derniers.
Mais avec la généralisation des souris à molettes et plus récemment les interfaces tactiles, les ascenseurs ne sont plus à la fête. Pour l’essentiel ils se cantonnent à être des indicateurs de positionnements tant les moyens de les actionner sans les toucher sont nombreux : raccourcis-clavier, molette, trackpad, écran tactile…
On le voit bien, la simplification est de mise (même si de MacOS 10.1 à 10.6, l’aspect « Pilule translucide » à eu son heure de gloire).
Personnellement, j’adorais l’aspect que les ascenseurs de MacOS 9 même si rétrospectivement je les trouvent trop larges, oui la période pilule bleue de MacOS X n’est pas ma préférée esthétiquement parlant. Même si MacOS X a introduit les barres de défilement étroites, cela n’a pas vraiment changé depuis 10 ans. Avec Lion, il y a un peu de nouveauté (un peu) ; mais je reste sur Leopard jusqu’à temps que mon « parc » logiciel soit à jour pour le nouveau félin.
En attendant, à des fin de recherche pour une interface d’administration que je suis en train de concevoir, je suis tombé dans la doc du WebKit (oui, je suis un guedin, je lis les docs) sur la possibilité de styler les barres de défilement de manière plus fine que nous le permet Internet Explorer depuis longtemps.
Voici un exemple (qui ne marche qu’avec les navigateurs à base de WebKit) :
::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; } ::-webkit-scrollbar-button:start:increment, ::-webkit-scrollbar-button:end:decrement { display: none; } ::-webkit-scrollbar-track-piece { border-radius: 7px; background-color: #e1e1e1; } ::-webkit-scrollbar-thumb:vertical { height: 100px; border-radius: 7px; background-color: #878787; } ::-webkit-scrollbar-corner:vertical, #sub-tree::-webkit-scrollbar-resizer:vertical { background-color: #ededed; } ::-webkit-scrollbar-corner:vertical, #sub-tree.GleeThemeWhite::-webkit-scrollbar-resizer:vertical { background-color: #c5c9d1; }
Ce code placé dans la feuille de style d’un site ou dans Stylebot (extension de Google Chrome qui permet de modifier « à la volée » la feuille de styles d’un site), permet d’obtenir ceci :
C’est à la fois plus simple et plus discret, à noter aussi que l’on peut masquer les boutons de défilement, ce qui permet de gagner de la place aussi. Donc en jouant avec le différents paramètres on peut se permettre vraiment toutes les excentricités, pour le plus grand bonheur des clients ?
Répondre
Vous devez être connecté pour poster un commentaire.