Vidéo: DevBytes: Web Components - Custom Elements 2025
Lorsque vous focalisez un motif sur l'iPhone, l'iPod touch ou l'iPad, vous avez l'avantage de savoir que vos visiteurs utiliseront le navigateur Web Safari. Il est basé sur le moteur de rendu WebKit, qui peut rendre CSS 3 ainsi que n'importe quel navigateur de bureau.
WebKit est également utilisé dans Google Chrome. Ainsi, la plupart des sites qui ont l'air bien dans Safari pour le bureau sont également très bien dans Chrome. (Comme avec la plupart des éléments de conception Web, cependant, vous pourriez voir des exceptions.)
Apple a créé le système d'exploitation iOS, qui fonctionne sur iPhone, iPad et iPod touch et dans une version spéciale d'Apple TV 2. Safari, le navigateur iOS par défaut, prend en charge presque toute la spécification CSS telle que décrite par le World Wide Web Consortium (W3C), l'organisation internationale ouverte qui développe des standards Web.
Dirigée par l'inventeur du Web, Tim Berners-Lee, elle réunit des créateurs de navigateurs, des leaders et des utilisateurs pour créer les spécifications des protocoles qui définissent le World Wide Web.
Similaire à HTML5, CSS 3 est encore en développement. La spécification n'atteindra pas son stade final de recommandation proposée avant 2022, selon le calendrier du W3C. Même si la spécification n'est peut-être pas définitive pour de nombreuses années, les développeurs de navigateurs implémentent généralement des parties des versions de travail des nouvelles versions de HTML et CSS lors de la mise à jour de leurs navigateurs.
Les développeurs implémentant des parties d'un brouillon de travail se réfèrent à la version CSS et insèrent généralement le nom du navigateur dans la règle. C'est pourquoi vous voyez plusieurs versions des mêmes règles de style, comme vous pouvez le voir dans l'exemple que nous vous montrons dans la section suivante pour créer des coins arrondis.
De nombreux concepteurs hésitent à utiliser le CSS expérimental, préférant attendre que les normes soient approuvées, ou du moins jusqu'à ce que la plupart des navigateurs Web les supportent de manière cohérente. L'implémentation de CSS expérimentale est plus facile lorsque chaque navigateur est lu par les mêmes règles, et cela peut entraîner des problèmes si la spécification est modifiée à nouveau plus tard.
Cependant, CSS 3 offre tellement de nouvelles fonctionnalités intéressantes et si peu d'effets secondaires négatifs - si vous concevez vos pages avec soin - que vous avez peu de raisons de vous retenir. CSS se dégrade naturellement dans les navigateurs. (Si le navigateur ne prend pas en charge un style CSS, il est ignoré.)
Supposons que tous les visiteurs de vos sites n'utilisent pas Safari. Pour créer des styles CSS 3 qui fonctionnent dans Firefox ou Internet Explorer ou un autre navigateur, vous devrez peut-être ajouter un code spécial pour ces navigateurs.
