Diablo1.ru: Адаптация под мобильные устройства

Последнюю неделю решил отложить разработку игры, и заняться давно назревшим делом — адаптацией верстки сайта под мобильные устройства.

Вот так выглядели страницы нашего сайта на мобильнике раньше:

А так выглядит теперь:

Что сделано:

1. Верхнее меню, по мере уменьшения ширины экрана прячется под спойлер:

2. При ширине <1000 левое и правое меню скрывается, и появляются кнопки, при нажатии по которым они отображаются:

3. Большие таблицы и другой контент, который нельзя ужать по ширине, частично скрывается — и отображаются полосы прокрутки, для его просмотра:


 

Это из хороших новостей. А из плохих — что на сайте около 5000 страниц, каждая из которых создавалась (учитывая годы, когда они делались — обосновано) без расчета под мобильную адаптивность, и теперь нужно по всем им пройтись, проверить, как они выглядят, и поправить, если что-то «вылезает» за границы. А вылезает там довольно много всего.

Сейчас занимаюсь основным шаблоном (и его страницами) и разделом Path of Exile. Потом буду переходить к разделам Скайрима, Ведьмак 3 и прочим.

Плюс к этому у нас есть два раздела с полностью уникальным дизайном — Diablo и Diablo 2 — для них делать мобильную верстку нужно будет полностью отдельно.

В общем, учитывая масштаб сайта и количества разделов — 100% адаптивность всех страниц будет сделана еще не скоро.

Но, начало положено.

Опубликовано: 9.04.19 - 19:34

Автор: Diablo



Комментарии

Rahman 2019-03-17 15:29:45
Diablo на главной странице заголовки вылезают за границу. По мне так старый дизайн был не плохим.

[Ответить]
↑ 0 ↓
Diablo 2019-03-18 11:29:35
Это раньше заголовки если не помещались по ширине - переносились на новую строку, что выглядело ужасно, а сейчас они просто обрезаются.

P.S. Старый дизайн никуда не делся.

[Ответить]
↑ 0 ↓
Miyammoto 2019-03-14 09:13:14
Думаешь, удобнейший инструмент масштабирования на мобильнике, двумя пальцами - вот для всего подходит! Для фото, сайтов, текстов, видео и т.д., а для таблиц на твоем сайте, нужны дополнительные полосы прокрутки? =)

[Ответить]
↑ 0 ↓
PaTrAsKoN 2019-03-11 07:55:52
Очень жаль что Path of Exile забросили, вкладки камней и уникальных предметов и прочее не обновлялось уже оочень давно=(

[Ответить]
↑ 0 ↓
Diablo 2019-03-12 18:18:14
Поддерживать раздел Path of Exile это особый уровень ада - разработчики постоянно выпускают крупные обновления, которые вводят массу новых механик, изменяют старые, меняют старые предметы, вводят новые и т.д.

Получается так, что после каждого обновления нужно в мыле, с утра и до вечера обновлять базу, и к моменту, когда база на сайте будет более-менее актуальной... они выпускают новое обновление. И по-новой.

Я два года покрутился в этом колесе... надоело...

[Ответить]
↑ 0 ↓
PaTrAsKoN 2019-03-11 07:53:12
Тоже полезная вещица!

[Ответить]
↑ 0 ↓

Страницы: [1]

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


Ваше имя:

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



Реклама:

Наша командаПоддержать проектРеклама на сайте

Diablo и Hellfire, Diablo 2 и Lord of Destruction
2008-2019