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

1. – один из самых известных конструкторов мобильных сайтов. Инструмент платный, минимальная стоимость – $9 в месяц.
2. – позволяет настраивать доменное имя, загружать изображения, отслеживать посетителей. Есть бесплатная версия.
3. – бесплатный инструмент с поддержкой рассылки RSS.
4. – еще один бесплатный конструктор мобильных сайтов.
5. – платформа для разработки мобильных веб-сайтов, которые можно посещать как с компьютера, так и с мобильного телефона. Минимальная стоимость – $49 в год.
6. – инструмент с простым и интуитивно понятным интерфейсом.
7. – этим конструктором пользуются такие компании, как Ford, Nokia и Reebok.
8. – инструмент обещает создать мобильную версию вашего сайта за пять минут (или даже меньше).
9. – поможет создать сайт с адаптивным дизайном.
10. – конструктор мобильных сайтов для малого бизнеса и интернет-магазинов.
Проверка работы на различных устройствах

10. – инструмент позволит узнать, как ваш сайт выглядит на экране IPad или iPhone. Сервис бесплатный.
11. – здесь вы можете посмотреть на свой сайт на экране iPhone, HTC, LG, BlackBerry и Samsung.
12. – Еще один бесплатный сервис с поддержкой различных устройств.
13. – бесплатный инструмент.
14. – позволяет узнать, как инструмент выглядит на iPhone, iPad, Android, и Kindle.
15. – эмулятор от Opera с большой базой мобильных устройств.
16. – здесь вы можете проверить сайт на более чем 130 версиях браузеров.
17. – платный инструмент, предоставляет доступ к широкой базе браузеров.
18. – приложение, которое содержит 11 мобильных браузеров и эмуляторов, 55 автономных браузеров и 88 различных разрешений для тестирования экрана браузера в разных форматах.
19. – предоставляет доступ к широкой базе мобильных телефонов и планшетов.
Инструменты для адаптации видео и изображений

20. – изменяет размер изображения в зависимости от размера экрана.
21. – динамически изменяет размер изображений (не увеличивает).
22. – руководство по изменению размеров изображения в зависимости от объема текста.
23. – этот плагин предлагает новые текстовые/HTML виджеты WordPress, доступные только на гаджетах типа iPad, Nook, PlayStation Vita и других общих устройствах.
24. – плагин для создания эластичного видео.
25. – адаптивная галерея для мобильных и сенсорных устройств.
26. – плагин, делающий шрифты «резиновыми».
Проверка на адаптированность под мобильные устройства

27.
28. – инструмент для проверки от Google.
29.
30.
31.
32.
33.
34.
35.
Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой
-
Сергей больше года назадА я уже давно использую сервис ASDox, в нем тоже легко сделать собственный сайт прямо с телефона -
Beyhadh 2 больше года назадPretty! This was a really wonderful post. Thank you for providing these details. -
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. -
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 -
Skarui больше года назадЛучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.
Пример:
На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все з...Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.
Пример:
На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все збс, все оптимизировано. Но заглянув к примеру в Метрику срез по году по популярным разрешениям экранов, там много больше разрешений. Так вот, если делать адаптив под все разрешения хотя бы те что >960px то там как минимум 5 итераций надо. По времени и ресурсам накладненько. Но не сделав этого, пользователь зайдя с планшета ужаснется от внешнего вида и убежит как испуганная крыса с корабля.



