Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
Россия +7 (909) 261-97-71
16 Февраля 2016 в 10:00

35+ инструментов для создания мобильных сайтов

Россия +7 (909) 261-97-71
5 55699
Подпишитесь на нас в MAX
Валерия Полякова
Редактор-переводчик SEOnews

Год назад Google анонсировал «Мобайлгеддон», которого ждали и боялись вебмастера всего мира. А недавно его примеру последовал и Яндекс, анонсировав формулу ранжирования «Владивосток». Тем самым поисковые системы не просто намекают, а уже говорят прямым текстом о необходимости создания мобильных версий сайтов. Именно поэтому редакция SEOnews решила создать подборку инструментов, которые пригодятся вам при создании мобильной версии вашего ресурса.

Конструкторы

Dollarphotoclub_70953039-700x466.jpg

1. MoFuse – один из самых известных конструкторов мобильных сайтов. Инструмент платный, минимальная стоимость – $9 в месяц.

2. Wirenode – позволяет настраивать доменное имя, загружать изображения, отслеживать посетителей. Есть бесплатная версия.

3. Mippin – бесплатный инструмент с поддержкой рассылки RSS.

4. Winksite– еще один бесплатный конструктор мобильных сайтов.

5. MobiSiteGalore – платформа для разработки мобильных веб-сайтов, которые можно посещать как с компьютера, так и с мобильного телефона. Минимальная стоимость – $49 в год.

6. Mobify– инструмент с простым и интуитивно понятным интерфейсом.

7. Wirenode – этим конструктором пользуются такие компании, как Ford, Nokia и Reebok.

8. Onbile – инструмент обещает создать мобильную версию вашего сайта за пять минут (или даже меньше).

9. DudaMobile – поможет создать сайт с адаптивным дизайном.

10. MoAction – конструктор мобильных сайтов для малого бизнеса и интернет-магазинов.


Проверка работы на различных устройствах

120504333_5062761_1.jpg

10. Ipad Peek – инструмент позволит узнать, как ваш сайт выглядит на экране IPad или iPhone. Сервис бесплатный.

11. Mobile Phone Emulator – здесь вы можете посмотреть на свой сайт на экране iPhone, HTC, LG, BlackBerry и Samsung.

12. Screenfly – Еще один бесплатный сервис с поддержкой различных устройств.

13. Matt Kersley’s Responsive Design Testing – бесплатный инструмент.

14. Responsinator – позволяет узнать, как инструмент выглядит на iPhone, iPad, Android, и Kindle.

15. Opera Mini Simulator – эмулятор от Opera с большой базой мобильных устройств.

16. CrossBrowserTesting – здесь вы можете проверить сайт на более чем 130 версиях браузеров.

17. BrowserStack – платный инструмент, предоставляет доступ к широкой базе браузеров.

18. Multi-Browser Viewer – приложение, которое содержит 11 мобильных браузеров и эмуляторов, 55 автономных браузеров и 88 различных разрешений для тестирования экрана браузера в разных форматах.

19. Perfecto Mobile – предоставляет доступ к широкой базе мобильных телефонов и планшетов.

Инструменты для адаптации видео и изображений

Dollarphotoclub_71902629-e1440029097898-700x466.jpg

20. Adaptive Images – изменяет размер изображения в зависимости от размера экрана.

21. Sencha – динамически изменяет размер изображений (не увеличивает).

22. Resizeable Images  – руководство по изменению размеров изображения в зависимости от объема текста.

23. Responsive Widgets – этот плагин предлагает новые текстовые/HTML виджеты WordPress, доступные только на гаджетах типа iPad, Nook, PlayStation Vita и других общих устройствах.

24. FitVidJS – плагин для создания эластичного видео.

25. Photo Swipe – адаптивная галерея для мобильных и сенсорных устройств.

26. FitText – плагин, делающий шрифты «резиновыми».

Проверка на адаптированность под мобильные устройства

1.png

27. W3C mobileOK Checker

28. Google Developers – инструмент для проверки от Google.

29. Keynote MITE

30. Urlitor

31. Bing

32. HubSpot's Marketing Grader

33. Mobile go

34. Herdl

35. Ranktank

5 комментариев
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
  • Сергей
    1
    комментарий
    0
    читателей
    Сергей
    больше года назад
    А я уже давно использую сервис ASDox, в нем тоже легко сделать собственный сайт прямо с телефона
    -
    0
    +
    Ответить
  • Beyhadh 2
    3
    комментария
    0
    читателей
    Beyhadh 2
    больше года назад
    Pretty! This was a really wonderful post. Thank you for providing these details.

    -
    0
    +
    Ответить
  • Beyhadh 2
    3
    комментария
    0
    читателей
    Beyhadh 2
    больше года назад
    I blog frequently and I really appreciate your content. Your article has really peaked my interest. I am going to bookmark your website and keep checking for new details about once per week. I subscribed to your RSS feed too.

    -
    0
    +
    Ответить
  • Beyhadh 2
    3
    комментария
    0
    читателей
    Beyhadh 2
    больше года назад
    Nice post. I learn something totally new and challenging on websites I stumbleupon every day. It's always useful to read through articles from other authors and practice something from other sites.

    Beyhadh 2
    -
    0
    +
    Ответить
  • Skarui
    96
    комментариев
    0
    читателей
    Skarui
    больше года назад
    Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.

    Пример:
    На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все з...
    Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.

    Пример:
    На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все збс, все оптимизировано. Но заглянув к примеру в Метрику срез по году по популярным разрешениям экранов, там много больше разрешений. Так вот, если делать адаптив под все разрешения хотя бы те что >960px то там как минимум 5 итераций надо. По времени и ресурсам накладненько. Но не сделав этого, пользователь зайдя с планшета ужаснется от внешнего вида и убежит как испуганная крыса с корабля.
    -
    7
    +
    Ответить

Отправьте отзыв!
X | Закрыть