Optymalizacja CSS dla iPoda i iPhone'a Safari

ipod touch i iphoneTworzenie aplikacji zoptymalizowanych pod kątem obsługi iPoda lub iPhone'a to świetny sposób na wejście na szybko rozwijający się rynek 1 miliard pobrań spotykać się z kimś. Należy zdać sobie sprawę, że liczby te nie obejmują aplikacji opartych na przeglądarce, które są zoptymalizowane pod kątem przeglądarki Safari na telefonie iPhone lub iPodzie Touch i nie wymagają pobierania.

Dzisiaj ugryzłem kulę i kupiłem 16 GB iPod Touch aby zacząć sprawdzać platformę dla Safari i Apps. Jasne… Byłem podekscytowany, że mogę oglądać filmy w podróży, a iPod Touch może również działać jako pilot do mojego AppleTV!

Moim pierwszym zadaniem była aktualizacja Kalkulator wynagrodzeń do użytku z Safari na iPodzie Touch lub iPhonie. To aplikacja, którą stworzyłem w praktycznie każdym języku… więc nadszedł czas, abym zaczął uczyć się programowania dla Safari i uczyć się frameworka Apps.

Co ciekawe, wywołanie strony w Safari nie wykorzystywało automatycznie rozszerzenia media = handheld css, więc musiałem napisać trochę skryptów po stronie serwera w PHP, aby użyć odpowiedniego arkusza stylów:


> 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}?>

Strona wygląda całkiem nieźle, ale wiem, że jest ich mnóstwo iPhone i iPod Safari argumenty CSS Potrafię wykorzystać, nawet przesuwać komponenty w zależności od tego, czy strona ma orientację poziomą czy pionową. Będę dalej eksperymentował!

Masz iPhone'a lub iPoda Touch? Wypróbuj Kalkulator wynagrodzeń i daj mi znać, jak to wygląda dla Ciebie! Pamiętaj, że praktycznie wszystkie zmiany między stroną zostały dokonane tylko za pomocą CSS! Mogło być łatwiejsze po prostu napisanie zupełnie nowej strony - ale nie tak trudne.

Komentarze 3

  1. 1

    Douglas

    Dzięki za wskazówki CSS dla iPhone'a… czy wyglądałoby to podobnie w przypadku Blackberry lub innego smartfona z przeglądarką mobilną?

  2. 3

    Muszę zdobyć iPhone'a, nie mam nawet iPoda touch. Zgubię się jednak z CSS i innymi rzeczami, wszystko z kodem jest poza moim lolem ligi

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.