Home > Blog > Tworzenie stron dla Opery Mini (urządzeń mobilnych)

Tworzenie stron dla Opery Mini (urządzeń mobilnych)

Published on 16/03/07
by Kuba Filipowski

Jeśli tworząc stronę chcesz dotrzeć do jak największej liczby odbiorców, powinieneś pomyśleć o optymalizacji jej pod urządzenia mobilne. W ostatnim czasie telefony komórkowe bardzo się rozpowszechniły, coraz więcej ludzi korzysta także z dobrodziejstw internetu używając do przeglądania stron np. telefonów komórkowych. Najpopularniejszą przeglądarką wyświetlającą strony (x)HTML wśród „komórek” jest Opera Mini, dlatego napisze jak przystosowywać strony pod nią.

Na początek zacznijmy od ograniczeń silnika wersji mini:

  • Nie wyświetla podkreśleń, przekreśleń oraz kresek nad tekstem (over-line).
  • Nie działają znaczniki i (storny zgodne ze standardami i tak tego nie wykorzystują)
  • Brak obsługi tabel (są wyświetlane, ale w formie ciągu linii)

Projektując strony pod urządzenia “small-screen”, należy brać pod uwagę właśnie mały rozmiar ich ekranów, dlatego należy umieszczać treść strony jak najwyżej (przed menu), przy okazji pomoże to w pozycjonowaniu strony. Użytkownik może zrezygnować z przekopywania się przez wszystkie odnośniki, aby dotrzeć do treści i opuścić stronę.

Możliwe jest zastosowanie stylu specjalnie dla urządzeń mobilnych używając media=”handheld”. Twórcy przeglądarki zalecają to dla beztabelkowych układów strony. Opera dzieli przeglądaną stronę na kilka części, w zależności od ilości pamięci w urządzeniu.

Telefony komórkowe nie posiadają myszki ani wygodnej klawiatury, dlatego projektując formularze, zwróć uwagę na wygodę ich wypełniania. Warto stosować select lub radio zamiast inputów.

Co ciekawe mobilna opera pozwala na użycie javascriptu, oczywiście znowu z pewnymi ograniczeniami: event handlers z obiektem this, oraz okienka popup. Obsługuje także ciasteczka.

Co dalej?

Proszę skometuj ten tekst - jestem ciekawy co o nim myślisz. Możesz też podlinkować swój wpis używając trackbacku: Tworzenie stron dla Opery Mini (urządzeń mobilnych).