Le WebKit met du style dans les ascenceurs

Florian Innocente |
WebKit, le moteur de rendu de pages utilisé par Safari (Google Chrome et d'autres) s'est doté de nouvelles dispositions pour l'affichage des contrôles d'ascenseurs. Les développeurs de pages web vont pouvoir en personnaliser l'aspect graphique. Par exemple pour mieux les fondre dans l'esthétique d'un site ou du système d'exploitation utilisé. Les boutons, les cases de redimensionnement, le fond des textes… tout cela est personnalisable. Néanmoins seules les dernières versions de WebKit supportent ces fonctions. Exemple ci-dessous d'une customisation vue par Safari 4 et la même page consultée par Firefox 3 qui a son propre moteur de rendu.

scrollbatstyleb


scrollbarstylea

Tags
#webkit
avatar JSDX | 
Balises proprio ? Gros retour en arrière niveau standards. IE6 le permettait également, mais avec des balises proprio, forcement, alors........
avatar OKTOPUSSYKAT | 
c'est super moche ou c'est juste un exemple ??? on dirait les ascenseurs de netscape sur OS9
avatar oomu | 
@JSDX webkit et firefox ont toujours eu des propriétés css non standard. elles sont démarquées chez webkit par le prefix "-webkit-" et chez mozilla par le préfix "-moz-" Cela permet de prévenir les auteurs de site web. Typiquement, les 2 navigateurs utilisent cela pour des propriétés CSS en cours de normalisation ou encore exprimentaux. ainsi, pendant longtemps, des propriétés de CSS 3 (toujours en brouillon) furent gérées de manière propriétaire par Firefox et Safari (et pas les même hein), mais comme leur comportement était pas encore normalisé, le prefix servait à prévenir les concepteurs de sites tout en commençant à donner un aperçu des avancées. Enfin bref, TOUT VA BIEN (tm) ce n'est pas comme quand Microsoft inversa subitement le comportement de propriétés css standards SANS prévenir ! ou des inventions isolées par ces hippies d'apple et ces farfelus de libristes mozilla.
avatar oomu | 
https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions liste des méchantes propriétés css "propriétaires" de Mozilla. (la plupart sont là pour répondre aux exigences de XUL)
avatar gloup gloup | 
@oomu : +1 C'est d'ailleurs une règle du w3c : il est possible d'ajouter des css propriétaires du moment qu'elles commencent par un tiret, ce qui est le cas ici. Mozilla et webkit sont donc parfaitement dans la norme. ;-)
avatar krabardaf | 
je ne sais pas trop quel deisgn je trouve le moins laid. Retro et minimaliste ou moderne et flashy, dans les deux cas c'est moche.
avatar HImac in touch | 
Perso je trouve l'idée un peu naze, ok c'est sympa de pouvoir personnaliser par rapport à son site mais si les gars sont pas graphistes, on va se retrouver avec des ascenceurs style Windows 98 ... Et puis je pense qu'il faut une frontière visible entre le site et le navigateur, les ascenseurs doivent rester identiques quelque soit le site... Si on veut personnaliser le navigateur on télécharge des thèmes pour IE et on joue le kikoolol avec des boutons qui servent à rien et inutilisables.
avatar Anonyme (non vérifié) | 
[quote]Perso je trouve l'idée un peu naze, ok c'est sympa de pouvoir personnaliser par rapport à son site mais si les gars sont pas graphistes, on va se retrouver avec des ascenceurs style Windows 98 ...[/quote] Bof tu sais, il n'y a pas besoin de toucher aux ascensceurs pour atteindre l'étape de la page illisible. Regarde sur MySpace, il y en a qui se débrouillent très bien avec quelques images et fonds flashy.
avatar kisco | 
attention, ce sont bien les ascenseurs "à l'intérieur" du site qui changent et pas ceux du navigateur lui-même à ce que j'ai compris.
avatar iMatthieu | 
En tant que développeur web, c'est un besoin que j'ai, et pas parce que je le veux mais parce que certains graphistes ou clients me le demandent (et selon les cas je peux comprendre). Du coup actuellement la seule solution compatible est de passer par du JS, par exemple avec http://code.google.com/p/jscrollpane/
avatar brume | 
Ça peut vraiment être utile là où le style aqua ne passe pas vraiment. Et c'est totalement personnalisable, et puis ça bouffe sans doute moins de ressource qu'une émulation en javascript. L'exemple est pas terrible c'est vrai.
avatar brume | 
@kisco en effet "overflow sections, listboxes, dropdown menus and textareas" Donc à priori pas les frames, iframes et fenêtres.
avatar Philactere | 
Pourquoi pas du moment que ça respecte les normes W3C (si j'en crois oomu c'est le cas) et donc qu'on ne part en sucettes comme à la grande époque IE3-4 vs NS3-4. Mais bon... je ne l'utiliserais pas sachant que ça va être tout beau avec un navigateur webkit et pas avec les autres, dans ce cas je cherche plutôt quelque chose d'intégré partout. Pour ce qui est du bling bling et des arbres de Noël chacun conviendra qu'il n'est nul besoins de contrôles personnalisables pour commettre des horreurs, même si ça permet d'en rajouter une couche ;-)
avatar Hindifarai | 
Ca valait le coup de faire une news...on dit un grand merci à macge. Si on se tappe une news à chaque évolution mineure de webkit effectivement le site va devenir extrêmement prolixe.
avatar Jaxter0ne | 
Ouah ! J'avais personnalisé les ascenseurs sur mon tout premier site fait avec le logiciel "Mon Site Web" de Micro Applications sur Windows et testé sous IE only (what else ? xD). C'est vrai qu'à l'époque ça donnait des trucs bien laid qu'on trouvait trop cool...
avatar imonamac | 
Quelle horreur !!! En terme d'experience utilisateur c'est certe un pas de plus pour se fondre dans le design d'un site mais c'est un pas en arriere pour la navigation, car il est imperatif d'avoir des reperes communs pour naviger sinon on peut aussi custumiser la barre du haut, les boutons de fleche avant arriere etc... Il serait plus interressant niveau design de pouvoir personnaliser certains champs de formulaires qui ne sont toujours pas modifiables.
avatar imonamac | 
Desole pour les fautes.... :-(

CONNEXION UTILISATEUR