Sprawdź jak Twoja strona wygląda na urządzeniach mobilnych
Responsive design to technologia konstruowania stron internetowych w taki sposób, żeby ich wygląd samoistnie dopasowywał się do różnych urządzeń, na których będą przeglądane. To bardzo wygodna sprawa - nie trzeba przygotowywać kilku wersji wyglądu strony, wystarczy jedna przygotowana w myśl zasad 'responsive design', a layout dostosuje się do różnych wielkości ekranów.
Aby dowiedzieć się jak to działa wystarczy złapać róg przeglądarki internetowej z kartą otwartą na Spidersweb.pl, który jest przygotowany właśnie jako 'responsive design', i zmniejszać szerokość okna przeglądarki. W pewnym momencie włączy się Wam tabletowy wygląd naszego serwisu, a w końcu smartfonowy.
Jak to jednak w życiu bywa, sprawa nie jest do końca taka prosta. Ze względu na niesamowitą mnogość różnego rodzaju urządzeń komputerowych, rozdzielczości i wielkości ekranów, wygląd strony może znacznie odbiegać od tego, co sobie zaplanowaliśmy. To sprawia, że nawet przygotowanie stron w 'responsive design' może przysparzać wielu kłopotów. Testowanie tego bywa trudne, bo nie każdy ma dostęp do rożnego rodzaju smartfonów, czy tabletów.
W takim przypadku z pomocą przyjdzie fajna online'owa usługa Responsinator.com. Tam sprawdzimy wygląd naszej strony napisanej w 'responsive design' na różnych urządzeniach w obu trybach widoku: horyzontalnym i pionowym. Wystarczy wpisać adres URL strony i po chwili zobaczymy jak będzie wyglądać na iPhonie, kiepskim Androidzie, lepszym Androidzie, iPadzie oraz Kindle'u.
My sprawdziliśmy Spider's Web. Wszędzie wyglądamy nieźle. Dzięki Igor!