Kategorie:
22

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.

Więcej informacji: http://www.cms.rk.edu.pl/w/p/tworzenie-s...a-mobilne/

«
»

Znalazłeś literówkę? Zgłoś ją używając formularza!


Jeśli uważasz, że ten nius jest nieobiektywny, przedstawia nieprawdziwe wydarzenie, jest spamem lub nie spełnia standardów serwisu, napisz raport.

Niusy na podobny temat:

Komentarze (RSS)

Komentarze są prywatnymi opiniami dodających je osób. Prosimy o zachowanie kultury wypowiedzi. Komentarze obraźliwe oraz obniżające poziom serwisu będą usuwane. Więcej w regulaminie komentowania.

4 komentarze

zwiń wątek Zajec  2 lipca 2009 o godz. 1:47 #
Gravatar

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!" ;)

(Poniżej tego poziomu komentarze nie będą zagnieżdżane)
zwiń wątek riklaunim  2 lipca 2009 o godz. 1:52 #
Gravatar

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).

 
 
zwiń wątek Dan900  3 lipca 2009 o godz. 20:55 #
Gravatar

A może to przeglądarki w komórkach powinny się dostosować do normalnych stron a nie my do nich?

(Poniżej tego poziomu komentarze nie będą zagnieżdżane)
zwiń wątek riklaunim  3 lipca 2009 o godz. 23:16 #
Gravatar

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 :)

 
 

Uwaga! Niektóre komentarze, m.in. te dodane przez niezalogowanych i nowych użytkowników, są ręcznie moderowane. Jeśli Twój komentarz nie ukaże się od razu, nie dodawaj go ponownie, tylko cierpliwie poczekaj na akceptację.

W komentarzach możesz używać prostych znaczników HTML. Przykłady:
  • Link: <a href="http://osnews.pl">OSnews: niusy IT</a>,
  • Wytłuszczenie: <strong>tekst pogrubiony</strong>,
  • Kursywa: <em>tekst pochylony</em>,
  • Przekreślenie: <strike>tekst przekreślony</strike>,
  • Kod: <code>printf("blok kodu");</code>,
  • Cytat: <blockquote>cytat</blockquote>
Uwaga: jeśli dodasz nieznany znacznik, będzie on niewidoczny, gdyż system filtruje takie znaczniki.

Wszystkie autorskie niusy w serwisie publikowane są na licencji Creative Commons Uznanie autorstwa 2.5 Polska.

Twoja sugestia