Mai 2012
Le WebKit met du style dans les ascenceurs
par Florian Innocente le 23.03.2009 à 15:28
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.
|
2
1
Vos réactions (17 réactions)
JSDX
[23/03/2009 15:38]
Balises proprio ? Gros retour en arrière niveau standards.
IE6 le permettait également, mais avec des balises proprio, forcement, alors........
Balises proprio ? Gros retour en arrière niveau standards.
IE6 le permettait également, mais avec des balises proprio, forcement, alors........
OKTOPUSSYKAT
[23/03/2009 15:48]
c'est super moche ou c'est juste un exemple ???
on dirait les ascenseurs de netscape sur OS9
c'est super moche ou c'est juste un exemple ???
on dirait les ascenseurs de netscape sur OS9
oomu
[23/03/2009 16:03]
@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.
@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.
oomu
[23/03/2009 16:05]
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)
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)
gloup gloup
[23/03/2009 16:26]
@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. ;-)
@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. ;-)
krabardaf
[23/03/2009 16:29]
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.
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.
HImac in touch
[23/03/2009 16:35]
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.
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.
sunjohn
[23/03/2009 16:45]
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.
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 ...
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.
kisco
[23/03/2009 17:16]
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.
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.
iMatthieu
[23/03/2009 17:18]
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/
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/
brume
[23/03/2009 17:25]
Ç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.
Ç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.
brume
[23/03/2009 17:30]
@kisco
en effet "overflow sections, listboxes, dropdown menus and textareas"
Donc à priori pas les frames, iframes et fenêtres.
@kisco
en effet "overflow sections, listboxes, dropdown menus and textareas"
Donc à priori pas les frames, iframes et fenêtres.
Philactere
[23/03/2009 19:27]
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 ;-)
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 ;-)
Hindifarai
[23/03/2009 19:46]
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.
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.
Jaxter0ne
[23/03/2009 19:56]
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...
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...
2
1
Réagir
Cinq consignes avant de réagir :
- Rester dans le cadre de la dépêche. Pour des discussions plus générales, vous pouvez utiliser nos forums.
- Développer son argumentation. Les messages dont le seul but est de mettre de l'huile sur le feu seront modifiés ou effacés sans préavis par la rédaction.
- Respecter les acteurs de l'informatique et les autres lecteurs. Les messages agressifs, vulgaires, haineux, etc. seront modifiés ou effacés sans préavis par la rédaction.
- Pour toute remarque concernant le contenu de l'article, pour nous signaler une erreur, une faute d'orthographe, une omission, merci de nous contacter exclusivement par e-mail.
- Relisez-vous, et pour les utilisateurs de Safari profitez de l'aide du navigateur : activez le menu édition > Orthographe > Vérifier l'orthographe lors de la frappe.