Ouvrir le menu principal

MacGeneration

Recherche

CSS : Opera s'habille un peu chez WebKit

Florian Innocente

lundi 30 avril 2012 à 10:49 • 19

Ailleurs

Opera a décidé de se rallier à certains préfixes CSS gérés par les navigateurs basés sur le moteur de WebKit, tels Chrome et Safari. Une décision prise à contrecœur, mais destinée à assurer une compatibilité entre le navigateur norvégien et des sites dont les développeurs privilégient les syntaxes WebKit.

Certains sites utilisent en effet des propriétés CSS basées sur des possibilités de WebKit encore au stade de l'expérimentation (lire aussi Les préfixes vendeurs en CSS). Il arrive que des équivalents - indépendants d'un navigateur - existent, mais des auteurs préfèreront cibler un moteur de rendu qu'ils estiment le plus répandu. Alors qu'ils pourraient décliner leur code pour chaque navigateur, en plus d'un format générique.

Faruk Ateş, un développeur, donne trois exemples types : la formulation des développeurs "paresseux", celle qui inclut la formulation standard et enfin, celle qui prend en compte chaque navigateur, avec au début le préfixe ad-hoc (webkit, moz, ms, etc).

selector {
-webkit-transform: rotate(5deg);
}



au lieu de :

selector {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}



Ou, mieux encore :

selector {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}



Opera régnait à peu près seul auparavant sur les plateformes mobiles (sur le mois de mars dernier, l'éditeur dit avoir comptabilisé 168,8 millions d'utilisateurs uniques, +64% en un an) puis Android et iOS sont arrivés avec WebKit, Microsoft met les bouchées doubles avec Windows Phone et Mozilla tente de se faire une place.

Devant le succès rencontré par WebKit et malgré une solide présence sur les mobiles, Opera redoute de voir son navigateur marginalisé, d'autant plus si des développeurs s'en tiennent à cibler uniquement WebKit dans leur code. L'éditeur a donc décidé «d'aliaser», dans l'outil d'émulation d'Opera Mobile, une série de propriétés CSS utilisées avec le préfixe webkit, afin qu'elles pointent vers la fonction équivalente dans Opera. Dès lors, ce dernier ne sera pas pénalisé sur des sites dont il sait pourtant interpréter les CSS. Mozilla pourrait faire de même, mais Microsoft pour sa part l'a exclu.

Faruk Ateş, lui-même développeur, récuse cette idée d'une certaine facilité chez ses pairs. De son point de vue, WebKit a pris à un moment clef un ascendant technique sur ses concurrents, en évoluant aussi plus vite. Ensuite les Mozilla, Microsoft et Opera, toujours de son point de vue, n'ont pas suffisamment investi dans la mise au point d'outils open source pour aider les développeurs à produire un bon code CSS qui permettent aujourd'hui d'éviter ces problèmes de fragmentation.

Soutenez MacGeneration sur Tipeee

MacGeneration a besoin de vous

Vous pouvez nous aider en vous abonnant ou en nous laissant un pourboire

Soutenez MacGeneration sur Tipeee

Promo : jusqu’à 60 % de réduction sur les produits réseau de la gamme UniFi

09:23

• 2


Pas d'écran, mais de l'IA : voici à quoi pourraient ressembler les premières lunettes d'Apple

07:50

• 21


IKEA prépare la mise en rayon complète de sa nouvelle gamme Matter pour janvier 2026

07:50

• 47


Free tease l’arrivée de l’Apple Watch : c'est imminent !

06:34

• 38


Twitter pourrait bien ressusciter, au nez et à la barbe de X

06:19

• 82


Apple Music et Apple TV indisponibles pour certains utilisateurs

10/12/2025 à 21:57

• 9


120 Hz, HDR, A19 : du code laisse entrevoir les caractéristiques du prochain Studio Display

10/12/2025 à 21:00

• 29


Test de l'écran 5K de Japannext : pas de fioritures et un prix intéressant

10/12/2025 à 20:30

• 8


Le détecteur de présence FP300 d’Aqara joue à cache-cache : de nouveau disponible, mais pour combien de temps ?

10/12/2025 à 18:37

• 7


Les États-Unis veulent contrôler les profils des réseaux sociaux des touristes

10/12/2025 à 18:13

• 128


Photoshop s’intègre à ChatGPT, mais ça ne vaut pas le Nano Banana de Google

10/12/2025 à 16:32

• 6


SoundAnchor évite à votre Mac d’utiliser le mauvais micro

10/12/2025 à 14:54

• 6


Oubliez Google : le véritable rival d’OpenAI pour Sam Altman, c’est Apple

10/12/2025 à 14:27

• 70


Bons plans : les ampoules, serrures et autres objets connectés toujours au prix du Black Friday

10/12/2025 à 14:24

• 7


La folie des bilans de l’année : même ma voiture propose son « wrapped »

10/12/2025 à 10:50

• 21


Un écran nomade 15" USB-C/HDMI pour moins de 100 €

10/12/2025 à 10:40

• 0