Afficher un nouveau code de HTML5 dans de nombreux navigateurs

Quand vous vous concentrez sur la conception d'un iPhone, iPod touch ou iPad, vous avez l'avantage de savoir que vos visiteurs seront en utilisant le navigateur Web Safari. Il est basé sur le moteur WebKit de présentation, ce qui peut rendre CSS 3 ainsi que d'un navigateur de bureau peut.

WebKit est également utilisé dans Google Chrome. Ainsi, la plupart des sites qui semblent bonnes dans Safari pour le bureau aussi bien paraître dans Chrome. (Comme avec la plupart des éléments de conception de sites Web, cependant, vous pourriez voir les exceptions.)

Apple a créé le système d'exploitation, iOS, qui fonctionne sur l'iPhone, l'iPad et l'iPod touch et dans une version spéciale de l'Apple TV 2. Safari, le navigateur iOS par défaut, soutient près de la spécification CSS ensemble tel que décrit par le Consortium World Wide Web (W3C), l'organisation internationale ouverte qui développe les standards du web.

Dirigée par l'inventeur du Web, Tim Berners-Lee, il réunit les créateurs de navigateur, les dirigeants et les 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 ne sera pas atteint sa phase finale de recommandation proposée jusqu'en 2022, selon le scénario du W3C. Même si la spécification ne peut être finale pour de nombreuses années, les développeurs de navigateurs mettent en oeuvre typiquement parties des ébauches de nouvelles versions de HTML et CSS comme ils mettent à jour leurs navigateurs.

Développeurs d'application des parties d'un document de travail réfèrent à lui comme expérimental CSS et généralement insérer le nom du navigateur dans la règle. Voilà pourquoi vous voyez plusieurs versions des mêmes règles de style, comme vous pouvez le voir dans l'exemple, nous vous montrons dans la section suivante pour créer des coins arrondis.

Beaucoup de designers répugnent à l'aide de CSS expérimentale, préférant attendre que les normes sont approuvées, ou tout au moins jusqu'à ce que la plupart des navigateurs web les soutiennent toujours. La mise en œuvre expérimentale CSS est plus facile lorsque tous les navigateurs joue selon les mêmes règles, et il peut conduire à des problèmes si la spécification est de nouveau modifié par la suite.

Cependant, CSS 3 offre tellement de nouvelles fonctionnalités intéressantes et si peu d'effets secondaires négatifs - si vous concevoir vos pages attentivement - que vous avez peu de raison de retenir. CSS dégrade naturellement dans les navigateurs. (Si le navigateur ne supporte pas un style CSS, elle est ignorée.)

Supposons que tous les visiteurs de vos sites peuvent utiliser Safari. Pour créer CSS 3 modèles qui fonctionnent dans Firefox ou Internet Explorer ou un autre navigateur, vous pourriez avoir besoin d'ajouter du code spécial pour ces navigateurs.

A propos Auteur

Soutien CSS3 et navigateur

L'état actuel des normes pour le soutien de navigateur Web pour les effets CSS3 et transformations est en pleine mutation. Très probablement, au fil du temps les pouvoirs-que-être dans le monde du navigateur - ceux qui publient Internet Explorer,…

Comment appliquer l'effet border-radius CSS3

L'effet CSS3 border-radius définit des coins arrondis. Et, vous devez utiliser des préfixes spécifiques au navigateur lors de la définition d'un border-radius. Voici quelques règles pour définir un border-radius:Vous ne pouvez pas appliquer un…

Comment optimiser les applications CSS3 avec Modernizr

Il existe de nombreux navigateurs différents et versions de navigateurs en usage aujourd'hui. Chacun d'entre eux ne sont pas optimaux pour CSS3. Ceci est où Modernizr entre en jeu. Ses développeurs appellent «une bibliothèque…

Comment travailler avec les sélecteurs CSS3

À la mi-2010, les concepteurs et les développeurs Web se réjouissaient que CSS3 a commencé à faire son chemin dans le courant dominant. Depuis ce temps, le soutien de navigateur pour CSS3 a régulièrement augmenté et amélioré, même si CSS3…

A propos des balises HTML5

Pas tous les navigateurs Web sur l'Internet HTML5 de soutien aujourd'hui. Concentrez-vous sur ce qui est possible dans le navigateur web Safari sur l'iPhone, iPad, et iPod. Si vous créez des pages Web pour le grand public de la World Wide Web, vous…

Conception pour les navigateurs Safari et chrome

Safari et Chrome sont des navigateurs WebKit, basé sur le même WebKit déchirerERing moteur, qui contrôle la façon dont le navigateur interprète HTML, CSS et autre code. Tous les navigateurs WebKit suivent les mêmes règles (au moins la…

Comment concevoir pour les différents navigateurs web

Bien que votre public peut différer, vous pouvez créer des sites Web qui semblent bonnes dans Safari sur l'iPhone et l'iPad sans compromettre la conception de la page lorsque l'affichage dans les navigateurs Web les plus populaires sur…

Comment économiser de l'espace sur l'écran de l'iPhone

Lorsque vous concevez des sites Web pour l'écran relativement petit de l'iPhone, chaque pixel est précieux. Le script présenté ici est conçu pour faire défiler la page vers le bas automatiquement, cacher la barre d'adresse et de vous donner…

Assurez CSS 3 travailler dans d'autres navigateurs web

Si vous souhaitez utiliser HTML5 et CSS 3 dans la conception de votre site Web, vous devez savoir que les deux HTML5 et CSS 3 sont encore en cours de développement. La spécification CSS n'a pas encore été approuvé par le W3C, mais de nombreux…

Faites votre travail CSS 3 à travers les navigateurs web

Si vous concevez votre site Web pour le bureau ainsi que pour l'iPhone et l'iPad, vous pouvez toujours utiliser le CSS expérimentale 3! Finalement, le CSS 3 dans votre site sera probablement pris en charge. L'exemple de cette section vous montre…

Déplacer vers HTML5 et CSS 3 pour la conception web

Lors de la planification d'une nouvelle conception de sites Web, rappelez-vous que de nombreuses versions différentes de HTML sont maintenant en cours d'utilisation sur le web. Toutes les versions les plus récentes travailler dans le (système…

Nouveaux ajouts à HTML5 pour la conception web

IPhone et iPad d'Apple ont transformé le rêve de tenir “ le web dans la paume de votre main ” en réalité - une réalité qui a des implications profondes pour l'avenir de la conception web.Les navigateurs Safari sur l'iPhone et l'iPad…

Iphone Test conçoit avec Safari

Le plus proche vous pouvez venir à avoir Safari sur un iPhone ou iPad est Safari sur un ordinateur. Il a quelques différences notables, y compris la taille de l'écran plus grand que la plupart des gens utilisent les ordinateurs et le fait que…

Testez votre code avec les outils w3c

Tester vos conceptions Web avec le World Wide Web Consortium (W3C) des outils de validation a toujours été une bonne idée, mais il est encore plus important pour la conception web mobile. Les navigateurs de bureau Web, y compris Internet…

godiches.com » Internet & médias sociaux » Web design & développement » Conception iPhone & iPad web » Afficher un nouveau code de HTML5 dans de nombreux navigateurs