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.
illustration magazine 25 ans

MacGeneration a 25 ans !

Participez à la fête et découvrez l’histoire de votre site favori en précommandant notre magazine exclusif.

Je précommande le magazine

Google est-il en train de devenir le Facebook des moteurs de recherche ?

09:55

• 11


Hyundai ne compte pas abandonner CarPlay et Android Auto… pour le moment

08:32

• 4


Apple utilise des puces Amazon pour préentraîner Apple Intelligence

03/12/2024 à 22:45

• 11


Nostalgique de la Touch Bar ? Voici la Flexbar, une copie vendue sur Kickstarter

03/12/2024 à 21:15

• 23


Arx One Backup : protégez vos données, simplement et efficacement sur macOS 📍

03/12/2024 à 17:00


Type : un utilitaire de notes rapide, ouvert et discret

03/12/2024 à 12:00

• 10


Free lance une édition spéciale de sa Freebox Ultra, avec du plastique translucide dans l'esprit de l’iMac

03/12/2024 à 09:15

• 50


Prince of Persia: Lost Crown est disponible sur le Mac App Store

03/12/2024 à 08:59

• 23


Cyber Monday : les dix offres les plus populaires dans l'univers Apple

02/12/2024 à 23:12

• 6


AMD propose un CPU modifié pour Microsoft, avec une bande passante bien plus large que chez Apple

02/12/2024 à 22:00

• 18


Cyber Monday : les réductions sur les iMac et MacBook Pro M4

02/12/2024 à 20:45

• 9


Test de la Logitech MX Creative Console : des raccourcis infinis, surtout pour Adobe

02/12/2024 à 20:30

• 4


Dia : le nouveau navigateur des créateurs d’Arc arrivera début 2025

02/12/2024 à 18:30

• 14


Des promotions sur des routeurs Wi-Fi 6E et 7

02/12/2024 à 17:45

• 15


Intel démissionne son CEO Pat Gelsinger

02/12/2024 à 15:09

• 49


Apple a fait une erreur sur la carte mère d'un Macintosh, et elle est corrigée 30 ans plus tard

02/12/2024 à 15:00

• 10