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.

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Pour John Gruber, Apple s’est dévalorisée en boycottant son émission après ses critiques sur Siri

10:14

• 5


Obtenez les meilleures applications Microsoft Office conçues spécialement pour Mac à petit prix 📍

09:30

• 0


MacBook Air M4 : la chute des prix se poursuit encore sur ce nouvel incontournable 🆕

07:00

• 111


Nintendo n’hésite pas à briquer toute Switch 2 utilisée avec une cartouche modifiée

06:29

• 58


iPhone pliable : la production commencerait d’ici la fin de l’année, pour une sortie en 2026

06:29

• 35


Donald Trump affirme qu’Apple va acheter un nombre conséquent de Trump Card

18/06/2025 à 21:15

• 40


LG commercialise son téléviseur transparent à 49 999 €

18/06/2025 à 20:15

• 20


Kernel Panic : on discute avec Jean-Baptiste Kempf, créateur de VLC

18/06/2025 à 19:00

• 20


YouTube a trouvé un nouveau moyen d’embêter les utilisateurs de bloqueurs de pubs

18/06/2025 à 14:58

• 70


Promo : le MacBook Air 15 pouces 24/512 Go à seulement 1627 € (-19 %)

18/06/2025 à 14:00

• 4


Netflix va diffuser les séries, émissions et rencontres sportives de TF1

18/06/2025 à 12:24

• 55


macOS 26 marque la fin du curseur en forme de gant de Mickey

18/06/2025 à 10:49

• 46


macOS 26 concurrence Whisper avec un modèle de transcription local et très rapide

18/06/2025 à 09:40

• 33


Le puzzle-game Blue Prince sera disponible sur Mac d’ici la fin de l’année

18/06/2025 à 09:29

• 10


Promos : l'iPhone 16e à 528 € et l'iPad A16 (2025) à 330 €

18/06/2025 à 08:50

• 11


Google se moque du retard d’Apple avec iOS 26

18/06/2025 à 08:07

• 38