REKLAMA

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.

Sprawdź jak Twoja strona wygląda na urządzeniach mobilnych
REKLAMA

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.

REKLAMA

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!

iphone landscape
Crappy Android portrait
nicer android landscape
REKLAMA
ipad landscape

REKLAMA
Najnowsze
Zobacz komentarze
REKLAMA
REKLAMA
REKLAMA