Tworzenie stron pod iPhone, Androida i inne urządzenia mobilne
Zbiór porad i przykładowych fragmentów kodu dotyczących tworzenia stron www dopasowanych do nowoczesnych urządzeń mobilnych, smartphonów takich jak iPhone, Palm Pre, czy tych oparte o Androida.
Pojawienie się iPhona, Androida, czy rozwój np. Opery Mini doprowadziły do zwiększonego zapotrzebowania na aplikacje webowe kompatybilne z nowymi przenośnymi urządzeniami. Dostosowanie silników desktopowych przeglądarek dla potrzeb smartphonów umożliwia twórcom stron www na korzystanie z dobrodziejstw XHTML, CSS, czy JavaScriptu na stronach pisanych pod urządzenia mobilne (choć nie na wszystkich dostępne są te najnowocześniejsze mobilne przeglądarki).
Omawiany artykuł zawiera szereg porad dotyczących tworzenia stron www dopasowanych do mobilnych urządzeń, jak i przykładowe fragmenty kodu i przykłady już istniejących stron dedykowanych pod np. iPhone.
Dobry pomysł, brakuje mi jeszcze konkretnego zestawienia: które przeglądarki pod które "media" się odwołują i gdzie możemy liczyć na obsługę max/min-width i pochodnych.
Przy okazji zabawy alternatywnymi arkuszami warto też pomyśleć o wersji do druku. Tak samo można decydować, które bloki zmienić/ukryć przy drukowaniu. Myślę, że OSnews.pl mogłoby odpuścić użytkownikom np. drukowanie reklam czy "Znalazłeś literówkę? Zgłoś ją używając formularza!" 😉
W przykładzie wersja do druku jest podana 🙂 i znajduje się w paczce (i ukrywa prawe menu, ustawia czcionkę na times new roman). A co do tego która przeglądarka co obsługuje to raczej będzie ciężko bo wszystko co nie jest iPhonem, Androidem – może obsługiwać/nie obsługiwać różne rzeczy (a i to może zależeć od domyślnych ustawień dystrybutora).
Silniki są bardzo podobne. Problem to rozmiar ekranu i sposób nawigacji. Starsze przeglądarki podpadają pod handheld, a ich możliwości są ograniczone. Te w Androidzie i iPhonie są od strony możliwości praktycznie takie same jak desktopowe, lecz ogranicza ich hardware 🙂
Dodaj komentarz