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 plupart du temps).
L'iPhone, iPad, et iPod sont tous fournis avec le navigateur Safari, qui est légèrement différente de la version qui est disponible pour les écrans d'ordinateur, comme le montre cette figure. Apple a créé le moteur de rendu WebKit, puis relâché à la communauté open source, où il a été développé par Google, KDE, Nokia, Palm, profusion, RIM, Samsung, et d'autres.
Le navigateur web Safari d'Apple utilise le même moteur de rendu WebKit sur l'iPhone et l'iPad comme il le fait sur les ordinateurs Windows et Mac.
Parce que WebKit fonctionne sur de nombreux différents types de téléphones, sites web qui fonctionnent sur Safari sur l'iPhone sont susceptibles de bien fonctionner également sur les derniers modèles de téléphones Android, les téléphones BlackBerry de RIM, certains téléphones Nokia, et une liste croissante d'autres.
Votre kilométrage peut varier, et vous devriez toujours tester vos créations sur les périphériques que vous souhaitez que vos pages fonctionnent ON- si vous ciblez les navigateurs WebKit, cependant, vous devriez être en mesure d'atteindre la plupart du marché des smartphones.
Vous pouvez en apprendre plus sur les navigateurs WebKit, tels que Safari, sur le site WebKit Open Source Project.
-
Bureau de soutien des applications web avec le navigateur de droite et de dispositifs -
A propos de clipper Web Evernote pour les navigateurs Web -
Soutien CSS3 et navigateur -
Comment ajouter plusieurs images de fond et de faire pivoter des objets avec CSS3 -
Comment appliquer l'effet border-radius CSS3 -
Comment arrondir les bords et de créer de multiples colonnes avec CSS3
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…
CSS 3 animations pour les sites Web Si votre objectif est de transmettre des informations de façon créative sur votre site Web pour l'affichage sur l'iPad ou l'iPhone, l'une des meilleures options pour ajouter des animations et d'autres fonctions interactives est d'utiliser CSS 3.…
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…
Améliorer les fonctionnalités de test de safari avec des extensions Lors du test de votre site Web mobile-commerce nouvellement conçu, il est parfois plus facile de travailler avec ce que vous avez. Si vous avez déjà Safari ou Chrome installé sur votre ordinateur, vous avez de la chance. Ils rendent les sites…
Comment ajouter des ombres portées aux éléments BOX En plus de l'ombre de texte, CSS 3 vous donne le pouvoir d'ajouter des ombres à la boîte éléments, tels que balises. Dans la figure vous voyez comment les ombres portées ont été utilisés pour mettre en sections, comme le côté, dans cette…
Comment créer des animations avec des images clés Pour créer des effets animés sur votre site Web à afficher sur l'iPad et l'iPhone, vous devez utiliser des images clés. Plus complexe CSS 3 animations comptent sur les images clés. Les images-clés sont les points dans une animation où quelque…
Comment créer des transformations avec CSS 3 CSS 3 vous permet de créer de nombreux effets cool sur votre site pour afficher sur l'iPhone et l'iPad. Les propriétés de transformation CSS 3 vous permettent de transformer un élément pour créer des effets en 2D et 3D. Vous pouvez spécifier…
Comment créer des transitions avec CSS 3 CSS 3 vous donne de nombreuses fonctionnalités intéressantes pour créer des effets sympas dans la conception de votre site Web pour l'affichage sur l'iPad et l'iPhone. Les propriétés CSS 3 de transition permettent de modifier l'état d'un…
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…
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…
Faire des coins arrondis avec CSS 3 Si vous avez créé une boîte avec des coins arrondis en utilisant les versions précédentes de CSS, des images et des tableaux HTML, vous savez ce qu'est une douleur, il était - comment vous aviez à créer quatre images (une pour chaque coin),…
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…