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 en charge un grand nombre des plus récents progrès de la conception de sites Web (tels que HTML5 et CSS 3), technologies qui vous permettront de créer des sites Web de pointe et des applications web.
Un avantage de repousser les limites que vous apprendrez à concevoir pour Safari (pour Mac iOS) est qu'il vous prépare aussi bien à la conception de la plupart des smartphones ou tablettes qui utilisent Android (le système d'exploitation mobile de Google) et d'autres systèmes d'exploitation mobiles. Le Mac iOS est le système d'exploitation que Apple utilise sur tous ses appareils mobiles, tels que l'iPhone, l'iPad et l'iPod touch.
En plus des éléments structurels principaux, HTML5 comprend d'autres éléments nouveaux, tels que ce qui suit:
- Cet élément est idéal pour des conseils, des petits encadrés, et d'autres, ainsi, apartés.
Ceci est un titre
contenu
plus de contenu ...
- La balise canvas est utilisé pour afficher des graphiques. Il est seulement un conteneur, mais vous pouvez utiliser javascript pour afficher des formes et des images 2D.
- L'élément de figure est mieux utilisé pour une illustration, un schéma ou une photo.
- Un élément figure de légende doit toujours être à l'intérieur de l'élément de la figure, et il est mieux utilisé pour contenir la légende d'une figure.
HTML5 ajoute de nombreuses nouvelles balises pour la boîte à outils d'un designer web, mais cela ne signifie pas que vous ne pouvez pas toujours utiliser les balises des versions précédentes de HTML. Par exemple, il est toujours une bonne pratique en HTML5 d'utiliser les balises de titre pour les titres sur une page web.
Même lorsque vous utilisez la nouvelle tag, nous avons formaté le texte de titre le plus important avec le tag et le second texte le plus important avec le tag. Ceux Good Ol 'balises de titre ont été avec nous depuis les premières versions de HTML et sont toujours valables aujourd'hui.
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…
La article dans une page HTML est tout en haut et il offre l'intelligence qui aide le navigateur web interpréter le contenu de la section de corps qui le suit.La section contient les et tags, CSS, et d'autres éléments qui ne sont pas…
Si vous souhaitez optimiser vos pages pour regarder leur meilleur, vous devez tenir compte de la taille de l'écran et la résolution des différences entre l'iPhone et l'iPad. Remarquez le schéma simplifié illustrant un moyen commun concepteurs…
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…
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…
Concepteurs de sites Web utilisent souvent des termes comme Architecting, bâtiment, et construction quand ils parlent de la création de pages Web, car il ya beaucoup de similitudes entre la construction d'une maison et la conception d'un site 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…
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…
Il ya plus que de nouveaux éléments sémantiques dans HTML5, que vous pouvez utiliser pour concevoir des sites Web à afficher sur iPhone et iPad ainsi que les écrans d'ordinateur. HTML5 fusionne HTML 4 et XHTML. HTML5 a deux versions…
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…
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…
Pour créer les meilleurs designs pour l'iPhone, l'iPad et l'iPod touch, utilisez javascript pour améliorer CSS 3 caractéristiques, ajouter des messages interactifs, et même créer des jeux complexes et des applications web. Le langage de…
L'iPad, avec son grand écran magnifique, peut vous amener à croire que vous ne devez faire quelque chose de spécial dans votre conception de Web mobile, mais les meilleures techniques de conception web pour l'iPad ne sont pas les mêmes que…
Certains réseaux publicitaires mobiles sont plates-formes de publicité numérique pour mobile. Ils vous permettent d'acheter des emplacements sur les sites Web mobiles. Lorsque vous achetez des stages, vous obtenez de mettre votre annonce dans cet…
A propos des balises HTML5 
Créez des conceptions de Web spécifiques pour iPhone et iPad 
Conception pour les navigateurs Safari et chrome 
Comment concevoir pour les différents navigateurs web 
Comment écrire du code dans la nouvelle HTML5