Diablo1.ru: Адаптация под мобильные устройства
Последнюю неделю решил отложить разработку игры, и заняться давно назревшим делом — адаптацией верстки сайта под мобильные устройства.
Вот так выглядели страницы нашего сайта на мобильнике раньше:
А так выглядит теперь:
Что сделано:
1. Верхнее меню, по мере уменьшения ширины экрана прячется под спойлер:
2. При ширине <1000 левое и правое меню скрывается, и появляются кнопки, при нажатии по которым они отображаются:
3. Большие таблицы и другой контент, который нельзя ужать по ширине, частично скрывается — и отображаются полосы прокрутки, для его просмотра:
Это из хороших новостей. А из плохих — что на сайте около 5000 страниц, каждая из которых создавалась (учитывая годы, когда они делались — обосновано) без расчета под мобильную адаптивность, и теперь нужно по всем им пройтись, проверить, как они выглядят, и поправить, если что-то «вылезает» за границы. А вылезает там довольно много всего.
Сейчас занимаюсь основным шаблоном (и его страницами) и разделом Path of Exile. Потом буду переходить к разделам Скайрима, Ведьмак 3 и прочим.
Плюс к этому у нас есть два раздела с полностью уникальным дизайном — Diablo и Diablo 2 — для них делать мобильную верстку нужно будет полностью отдельно.
В общем, учитывая масштаб сайта и количества разделов — 100% адаптивность всех страниц будет сделана еще не скоро.
Но, начало положено.
Опубликовано: 9.04.19 - 19:34 |
Автор: Diablo |
Смотрите также: | ||
|
||
Комментарии
Реклама:
