...

пятница, 16 августа 2013 г.

Тестирование адаптивной верстки локального сайта


сегодня в 03:17


Здраствуйте, ребята!

Сегодня наткнулся на статью «9 интересностей и полезностей для веб-разработчика» (http://habrahabr.ru/post/189994/), в которой рассматриваются всякие полезности для веб-разрабочиков. Среди всего прочего нашел для себя прикольную тулзу для тестирования сайта под разным расширением — «dimensionsapp» (ссылка). Но в чем проблема, мне необходимо тестировать сайт который располагается на моем локальном веб-сервере. И тут мне в голову пришла идея быстренько собрать такую же тулзу, только чтобы она работала у меня в локале!


Требования к тулзе:



  • Возможность ручного выбора ширины области просмотра и выбор из готовых размеров устройств Apple (iPhone и iPad)

  • Возможность просматривать на 100% высоты окна или полностью подстравить область просмотра под размеры девайса

  • Простой и легковесный интерфейс (никакой графики)

  • Шкала делений с шагом в 5 и 50 пикселей

  • Возможность видеть текущую ширину области просмотра


Итак в результате 3-х часов кодинга получена тулза с кодовым названием «Moka moka» (ну я долго не думал). Дальше парочка скриншотов работы тулзы:







Тестировал правда пока только в Chrome, Opera, Firefox.

Репозиторий на github: github.com/sokal32/moka-moka





Developers, stick with Russians – work in London




Переводы с

карты на карту


Переводы

через QR-Код


Новая функция

«Мой контроль»




Возьми Lumia 925 на тест-драйв сейчас.




Впечатляющие возможности

в стильном тонком корпусе из металла



Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.


This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers. Five Filters recommends: 'You Say What You Like, Because They Like What You Say' - http://www.medialens.org/index.php/alerts/alert-archive/alerts-2013/731-you-say-what-you-like-because-they-like-what-you-say.html


Комментариев нет:

Отправить комментарий