Мобильная версия новостей

Сегодня мы хотим поделиться с вами нашим первым шагом на пути к адаптивной (мобильной) версии сайта. В первую очередь мы решили, что это должен быть раздел новостей, ведь хочется быть всегда в курсе событий, а под рукой есть только смартфон. Теперь читать новости с мобильного устройства стало намного удобнее, попробуйте!

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

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

Читайте также

В комментариях под материалами на сайте действуют все правила портала, с которыми можно ознакомиться на специальной странице — https://dota2.ru/forum/rules/. Помимо этого, в комментариях к новостям существуют дополнительные ограничения:

  • Запрещены прямые и косвенные оскорбления авторов материалов, как и любые комментарии, не относящиеся к сути новости;
  • Указание на ошибки в материале происходит с помощью специального функционала. Комментарии с таким содержанием будут удалены;
  • Критика — это нормально, но выражать ее нужно без злоупотреблений. Ваши слишком грубые комментарии про личностей, представленных в новостях, могут быть удалены.
Аватар пользователя
Аватар пользователя

надеюсь скоро адски сделает доту на телефон

Аватар пользователя

Надеюсь, там не появятся красные крестики ;))

Аватар пользователя

Админы нашли width в процентах? Шок. А нет, показалось. Але дизайнеры, адаптивную тему надо, а не это старье.
Сделайте просто. Берете и используйте framework. Всееее, велосипед придумываете. Поставили, натянули, и мобильная версия сайта, и для FULL HD (и более) радость полные штаны. А то что сейчас вы имеете, это просто недельная версия: Верстаю как хочу. У каждого блока DIV свой класс. Это может и хорошо, но они же одинаковые.

Аватар пользователя
Аватар пользователя

Тонко, типа аддский разводит пользователя на бесплатную мобильную версию, хитро.

Аватар пользователя

Вот и попробуйте натянуть нашу верстку на % width, учитывая кол-во сложных элементов. Где в 80% случаев каждый пиксель учитывается для отображения чего-либо на своей позиции.

Аватар пользователя

Просто интересно, а к "сложным" элементам что относится у вас? Хотя бы парочку примеров.

Аватар пользователя
Аватар пользователя

А с нуля на бустрапе за 3 дня переверстать не?

Аватар пользователя

Покажите, мне было бы очень интересно на это посмотреть

Аватар пользователя

Скачал Stylish за 20 минут растянул главную страницу так что-бы все элементы входили. Использовал пиксили. Но думаю если постараться то и в % можно сделать.

Аватар пользователя

так делайте нормальную верстку, а то так верстают только м***ки (с)

Аватар пользователя

Данная верстка очень удобная и практичная, где расположено множество интересной информации. И единственный минус это адаптивность данной весртки.

Аватар пользователя

Данная верстка очень удобная и практичная, где расположено множество интересной информации. И единственный минус это адаптивность данной весртки.

Аватар пользователя

Я челику заплатил 10 баксов что бы он мне сделал моб версию))

Аватар пользователя
Аватар пользователя

Чёт все такое маленькое, неполноценное, непривычное, как мой чле... да

Аватар пользователя

Серьезно? Спустя 6 лет? Эта адаптация пару часов делается

Аватар пользователя
Аватар пользователя
Аватар пользователя

Неплохо. Но яблофоны и сами позволяют включать режим чтения, но всё равно спасибо, вроде удобнее.

Аватар пользователя
Аватар пользователя
Аватар пользователя

нужен форум в моб версии, а лучше вообще ios или android приложение! я б даже за 100-200рублей купил его

Аватар пользователя

тут 15 рублей жалко, а он про сотку базарит, не надо так

Аватар пользователя
Аватар пользователя

Приложение реально топовая идея - там можно и рубрики скрыть как в вк например чтобы выплывали справа, и уведомления про сообщения, ответы и тд приходят мгновенно. Задумайтесь. Я знаю что у вас и так всё на энтузиазме но потратить деньги на приложение - очень и ОЧЕНЬ полезное вложение.

Аватар пользователя

Создание приложения на IOS стоит от 12к бачей. Вот и подумай.

Аватар пользователя
Аватар пользователя
Аватар пользователя

Воу-воу, невероятного масштаба событие, хоть новости можно почитать.
Теперь к делу: активная область ссылки меньше ширины самого меню, т.е. тыкать пальцем можно лишь на надпись, все остальное бестолковая пустота, такого не должно быть.
Скрин прилагается: http://savepic.ru/10729317.png
Вам нужно увеличить паддинги у тега ссылки, либо заворачивать теги элемента списка в теги ссылки и увеличить ширину элемента списка на ширину самого списка, если конечно менюшка списком сделана. Вот тогда будет как у белых людей, тыкнул пальцем рядом с надписью и ссылка сработала.

Еще неплохо было бы ссылкам добавить псевдокласс эктив с изменением бэкграунда ссылки, сразу будет видно, попал пальцем туда куда надо или нет.

Аватар пользователя
Аватар пользователя
Аватар пользователя

В них не было смысла, так как для обсуждения одного комментария достаточно и одной лесенки.

Аватар пользователя

На ресайз виндоу ничего не меняется. Или тут по деревянному только мобильная версия распознается, а если на компе размер окна меняешь ничего не происходит?

Аватар пользователя

Как вообще попасть па моб версию? С телефона сразу же кинуло на обычную

Аватар пользователя

Баг http://i.imgur.com/SKGvhHO.png

Теперь нужно новости подстраивать чтобы подходило под мобильную версию, потому что таблицы уменьшаются до слишком мелких размеров.

Аватар пользователя

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

Аватар пользователя

А что если не юзать их там, где они не нужны или хотя-бы посмотреть на уже давно известные практики работы с таблицами в мобильных версиях?

Аватар пользователя
Аватар пользователя
Аватар пользователя
Аватар пользователя

делайте таблицы в отдельном скроллящемся по горизонтали элементе

Аватар пользователя

Это можно было бы и несколько лет назад сделать.

Аватар пользователя
Аватар пользователя
Аватар пользователя

Пока нет раздела мэмав я буду дизлайкать!!!!!!!

Аватар пользователя

Зашёл с мобилы, не зная о чем новость. Аж выронил его

Аватар пользователя
Аватар пользователя

Есть огромная просьба к админам, сделайте возможность открывать полноразмерный сайт, ибо когда зашёл с планшета, понял что очень неудобно (а я постоянно сижу с планшета)
Мб для телефона это и будет удобно, но для большого экрана, сделайте пожалуйста нормальный размер

Аватар пользователя
Аватар пользователя

эм, по моему я видел новость про моб.версию сайта, этаки в году 13\14. Очень переживаю за движок.

Аватар пользователя

Думал браузер в телефоне залагал)) Удобно кстати очень, отлично, теперь бы и форум так же)

Аватар пользователя

Лучше бы приложения сделали) было бы отлично...

Аватар пользователя
Комментарии
Форум