Responsinator: Responsive Web Design Preview dla różnych urządzeń

Elastyczne projektowanie stron internetowych jest obecnie modne, zwłaszcza że popularność zyskały HTML 5 i CSS 3. Dzięki responsywnemu projektowi w zasadzie projektujesz witrynę dla wszystkich platform i rozdzielczości, a także strona automatycznie skaluje się bez przerywania projektu zgodnie z szerokością przeglądarki urządzenie. Dlatego budując responsywną stronę internetową, należy szeroko przetestować płynność projektu na wielu popularnych rozdzielczościach ekranu. Responsinator to prosta usługa internetowa, która zapewnia podgląd responsywnej witryny na wielu popularnych rozdzielczościach ekranu powszechnie używanych urządzeń.

Koncepcja stojąca za Responsinatorem jest prosta: zrób jedną rzecz i zrób to dobrze. Po odwiedzeniu witryny pojawia się prosty, bez fanaberii interfejs z ramkami dla kilku urządzeń wyświetlanych pionowo, zaczynając od iPhone'a, przechodząc do kilku rozdzielczości Androida, na iPada i wreszcie zatrzymując się w Kindle, aby objąć wiele popularnych urządzeń zarówno w układzie pionowym, jak i poziomym tryby.

Domyślnie te ramki są puste. Musisz wpisać adres URL strony, którą chcesz wyświetlić podgląd w lewym górnym polu tekstowym i naciśnij GO. Responsinator następnie wykonuje swoją magię, pokazując, jak Twoja strona będzie wyglądać na wszystkich tych platformach, a wyniki są imponujące.

W naszych testach wykorzystaliśmy doskonałą stronę z zasobami do projektowania stron internetowych SmashingMagazine który ma responsywny killer. Zgodnie z oczekiwaniami, wszystkie ramki pokazały stronę przekonująco podobną do sposobu, w jaki wyświetlono nasze prawdziwe urządzenia testowe. (Kliknij na zdjęcie pokazane powyżej, aby zobaczyć pełną wersję).

Jest też przydatny Bookmarklet Responsinator (oferowane w ich o stronie) w przypadku większości nowoczesnych przeglądarek internetowych, które można przeciągać i upuszczać na pasku narzędzi zakładek. Po dodaniu go, po prostu przeglądaj strony internetowe jak zwykle i kliknij bookmarklet za każdym razem, gdy chcesz przetestować projekt witryny pod kątem szybkości reakcji, aby automatycznie otworzyć ją w The Responsinator.

Podsumowując, chociaż może nie pokazywać dokładnego dopasowania dla wszystkich dostępnych urządzeń, Responsinator jest zdecydowanie przydatnym narzędziem dla twórców stron internetowych, którzy szybko uzyskują informacje o tym, jak ich witryny wyświetlają się na urządzeniach mobilnych, a jednocześnie opierają się na elastycznym projekcie zasady

Odwiedź stronę Responsinator