Responsive Web Design

Jak to w okresie – grudzień, coraz więcej stron dodaje “gadżety” świąteczne na swoich stronach. Widać tutaj jednak często pośpiech i brak wiedzy o tym  jak działa już dopieszczona i z pełną obsługą strona wykorzystująca RWD. Osoba modyfikująca stronę, często zapomina iż należy przygotować nowe loga w kilku wariantach, pod różne urządzenia mobilne, o tym że na urządzeniach mobilnych dodany “gadżet” może zasłonić właściwą treść. Najmniejszym problem chyba jest sytuacja w której po prostu po zmniejszeniu rozdzielczości nie wczytują się poprawki naniesione na okazję świąt. Dlaczego? One nie wnoszą nowej treści, nie są istotnym elementem na stronie i mogą zostać pominięte na urządzeniach mobilnych.

Tworząc modyfikacje na stronie internetowej – chwilowe zmiany, modyfikacje – nie zapominajcie sprawdzić ich także pod innymi rozdzielczościami. Nie popsujmy naszej strony www zmianami, które są mało ważne i nieistotne z punktu widzenia klienta. Informacje o świętach, lokalnych wydarzeniach są istotne – ale to nie jest najważniejsza część naszej firmowej strony www.

Kolejne podejście do RWD, co tym razem ciekawego znaleźliśmy w sieci? Kilka rozwiązań, które mogą nam pomóc. Po zapoznaniu się z nimi wybrałem dwa, które wydały się ciekawe – dla nas.

• Bootstrap
• Foundation

Czy są identyczne? Nie. Różnią się pomiędzy sobą wieloma elementami:

1. zgodność z starszymi przeglądarkami
2. ilość gotowych rozwiązań w CSS
3. ilość dodatkowych bibliotek JavaScriptu

Czy mają wspólne cechy? Tak, oto kilka z nich:

1. łatwiejsze tworzenie stron w technologi RWD
2. szybsze pisanie kodu
3. gotowe elementy ułatwiające pracę

Na pytanie, które nasuwa się samoistnie, który jest lepszy …. no cóż na chwilę obecną nie potrafię odpowiedzieć. Oba są moimi faworytami.

Taka mała ciekawostka, znalezione w internecie i warto się z tym zapoznać.

Optymalizując grafikę nie możemy zapomnieć o naszej faviconie, i tutaj zaczynają się schody. Każde urządzenie, system ,wersja przeglądarki lubi inny rozmiar. Warto poczytać i przygotować odpowiedni zestaw ikon. Jest jak widać potrzebne kilka rozmiarów i dodatkowych wpisów w sekcji meta na stronie.