Optimització CSS ​​per a Safari d’iPod i iPhone

ipod touch i iphoneLa creació d’aplicacions optimitzades per a l’ús de l’iPod o l’iPhone és una manera excel·lent de submergir-se en un mercat en plena explosió 1 mil milions de descàrregues quedar. És important adonar-se que aquests números no inclouen aplicacions basades en navegadors que estiguin optimitzades per a Safari a l'iPhone o l'iPod Touch i que no requereixin cap descàrrega.

Avui he picat la bala i he comprat un IPod Touch de 16 Gb per començar a comprovar la plataforma tant per a Safari com per a aplicacions. Clar ... Estava emocionat de poder veure pel·lícules a la carretera i l'iPod Touch també pot fer de control remot per al meu AppleTV.

La meva primera tasca va ser actualitzar la meva Calculadora de salaris per utilitzar amb Safari a l'iPod Touch o l'iPhone. És una aplicació que he construït en pràcticament tots els idiomes ... així que és hora que comenci a aprendre el desenvolupament de Safari i a aprendre el marc de les aplicacions.

Curiosament, mostrar la pàgina a Safari no utilitzava automàticament el fitxer media = de mà css, així que vaig haver d’escriure algunes seqüències d’ordres del servidor en PHP per utilitzar el full d’estil adequat:


> link rel = "stylesheet" media = "screen" href = "iphone.css" type = "text / css" />
>? php} else {?>
> link rel = "stylesheet" media = "screen" href = "style.css" type = "text / css" />
>? php}?>

La pàgina té un aspecte força bo, però sé que n’hi ha un munt Arguments CSS per a iPhone i iPod Safari Puc utilitzar components, fins i tot canviant, en funció de si l'orientació de la pàgina és horitzontal o vertical. Continuaré experimentant!

Tens un iPhone o un iPod Touch? Proveu el Calculadora de salaris i fes-me saber com et sembla! Tingueu en compte que pràcticament tots els canvis entre la pàgina es van fer només amb CSS. Potser ha estat més fàcil escriure simplement una pàgina completament nova, però no tan difícil.

3 Comentaris

  1. 1

    Douglas-

    Gràcies pels consells CSS de l'iPhone ... seria similar per a un BlackBerry o un altre telèfon intel·ligent que utilitza un navegador mòbil?

  2. 3

    He d’aconseguir un iphone, ni tan sols tinc un iPod touch. Em vaig a perdre amb el css i tot això, però, qualsevol cosa que tingui codi està fora de la meva lliga jeje

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.