W dzisiejszych czasach bardzo istotne jest by nasza strona internetowe, blog czy sklep dobrze otwierała się na różnego typu urządzeniach.
Co znajdziesz w tym wpisie
Wyświetlanie strony na różnych urządzeniach
Nie oznacza to wcale, że musi wyglądać identycznie i zawierać dokładnie takie same elementy. Ważne jest by odwiedzający ją gość, czytelnik lub klient mógł z niej bezproblemowo skorzystać.
Dlatego przygotowałam listę kilku stron, dzięki którym będzie można podejrzeć witrynę w różnych rozmiarach, rozdzielczościach. Warto jednak pamiętać, że mogą się one w rzeczywistości nieco różnić – ze względu na rodzaj przeglądarki, w której będziemy otwierać.
Test optymalizacji mobilnej – Google
Na pierwszym miejscu umieściłam test przygotowany przez Google. Nie jest on raczej zbyt skompilowany i tak naprawdę widzimy tylko jeden ekran z naszą stroną na urządzeniu mobilnym. Test ten jest jednak ważny – ponieważ jego wynik może mieć wpływ na pozycję strony w mobilnej wersji przeglądarki.
Ami Responsivedesign
W dalszym ciągu nie jest to jeszcze idealny test responsywności naszej witryny. Daje nam jednak wgląd na to jak wygląda strona na różnych urządzeniach.
App Xrespond
Strona App Xrespond w przeciwieństwie do poprzedników daje nam już większe możliwości. Znajduje się na niej szereg różnej wielkości okien nad, którymi zmaleć można informację o modelu urządzenia, który je posiada. Od razu mamy więc na jak na tacy pokazane jak może prezentować się nasza strona.
Responsinator
Internetowa aplikacja Responsinator to kolejna witryna zawierając szereg różnej wielkości okien symbolizujących różne wielkości urządzeń. W przeciwieństwie do poprzedniej urządzenia ułożone są pionowo.
Mattkersley
Kolejną propozycją będzie witryna internetowa Mattkersley. Znajduje się na niej szereg okien o różnej szerokości odpowiadających wielkością różnym urządzeniom od komórki po komputer stacjonarny. Dzięki czemu można zobaczyć jak przy danej szerokości prezentuje się witryna. Dodatkowym plusem testera jest możliwość włączenia opcji realnych wymiarów urządzeń. Powoduje to, że nie tylko widzimy ich szerokość, ale również wysokość.
Responsivedesignchecker
Responsivedesignchecker to strona, na której sami możemy zmieniać wymiary naszego okna i sprawdzać jak będzie zachowywała się strona. Strona zawiera także kilka gotowych rozmiarów, które nam ułatwią test RWD.
Pominęłam na tej liście mój własny test RWD:
źródła:
https://www.webdesignerdepot.com/2017/10/7-free-tools-for-testing-responsive-layouts/
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.