Проект недели: Broken Mobile Web

Мир уже изменился. Мобильные устройства очень плотно вошли в нашу жизнь. И если ваш сайт не адаптирован под мобильные устройства, то это, конечно, крайне плохо.

Но, увы. Даже имея мобильную адаптацию, сайты далеко не всегда работают правильно. Этим озаботились авторы проекта Broken Mobile Web.

Они решили собирать на страницах своего блога скриншоты сайтов, сделанные со смартфона. Как можно увидеть ниже, даже самые новые проекты типа Vox.com и Medium имеют проблемы с отображением на мобильных экранах.

Основная проблема — неправильная вёрстка элементов, когда появляются пустые блоки, поля, обрезаются иллюстрации, плохая работа с размером шрифтов (заголовки и основной текст). Кроме того, как в случае с Vox.com, есть проблема отображения рекламных баннеров.

Автором ресурса является Алексис Мадригал — старший редактор The Atlantic.

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

tumblr_n3n8fmg8Dp1txi1mio1_1280

tumblr_n3n8igov0F1txi1mio1_1280

tumblr_n3nvvzP4FQ1txi1mio1_1280

tumblr_n3qy7zsJyQ1txi1mio1_1280

Проект, если можно так сказать, краудсорсинговый. В том смысле, что каждый может отправить свой скриншот проблемного сайта, воспользовавшись формой.