Genialne narzędzie do sprawdzania responsywności stron WWW | DailyWeb.pl - codziennie o sieci

Genialne narzędzie do sprawdzania responsywności stron WWW

Opublikowano 3 lata temu - 7


Słowo responsywność pojawia się na blogu bardzo często. Głównie za sprawą (oczywiście najwyższej jakości) szablonów, które systematycznie dla Was przygotowuje - niezależnie już czy dla WordPress czy w zwykłym HTML. Niegdyś ekstrawagancja a teraz zupełna oczywistość. W końcu dlaczego nie korzystać z narzędzi, które dla pozwala wyświetlać stronę w bardzo czytelny sposób, niezależnie od urządzenia na którym się ona wyświetla? Dla deweloperów takich stron oczywiście to dodatkowa praca, dodatkowy czas i dodatkowe koszta, niemniej nie ma co narzekać, dobro użytkownika najważniejsze ;-)

Tworzenie stron RWD (Responsive Web Design) jest nieco bardziej problematyczny, gdyż prócz tego że trzeba zaprojektować kilka różnych interfejsów w zależności od rozdzielczości ekranu urządzenia, to niezbędne będą dedykowane narzędzie ułatwiające życie. Doskonałym przykładem jest bookmarklet (użytkowa zakładka w przeglądarce) o nazwie Viewport Resizer. Jak ono działa i właściwie do czego jest przydatne?

Otóż po dodaniu do przeglądarki spreparowanej zakładki (bookmarklet) i jej wywołaniu na wybranej stronie poprzez jej kliknięcie, wywołany zostanie dodatkowy nagłówek, który prezentuje się następująco:

bmark

W dodatkowym pasku pojawią się ikony, dzięki którym będziecie mogli podejrzeć jak prezentuje się strona na innych rozdzielczościach. Prócz zadanych wielkości możecie sami przesuwać krawędzie uruchomionej strony, klikając na wybraną krawędź. Jeśli natomiast potrzebujecie informacji o konkretnej rozdzielczości i to jak strona będzie się na niej prezentować wystarczy ją podać. Ciekawostką jest także możliwość animacji zmiany rozdzielczości, cóż to oznacza? Viewport Resizer dynamnicznie przełączy stronę na wszystkich najpopularniejszych rozdzielczościach, by deweloper mógł znaleźć niedoskonałości.

Oczywiście jak ktoś się uprze, może ręcznie regulować wielkość okna przeglądarki - niemniej z doświadczenia wiem, że jest to bardzo uciążliwe. Jest także sporo pluginów do przeglądarek robiących podobne cuda, niemniej Viewport Resizer ma nad nimi przewagą, gdyż nie manipuluje wielkością okna przeglądarki i co najważniejsze będzie działać we wszystkich najnowszych przeglądarkach internetowych. Zdecydowanie polecam, narzędzie to wylądowało na liście moich użytków - a i Wam polecam.