Игровые сайты

Верстка сайта для проекта fange

Верстка сайта для проекта fange
Дизайн:
Dezi
Вид работ:
Отзывчивая верстка для дальнейшей посадки на MMOWEB
В первую очередь я хотел бы рассказать о переключателе языков в выпадающем списке:
Выпадающий список языков
Необходимо было заставить его работать через виджет Google Translate. Ранее я уже делал неоднократно такие переключатели, но использовал не самый подходящий скрипт, который я нашел на одном из сайтов. Скрипт работал не стабильно, он был сложно читаем и крайне не удобен для модификаций. Поскольку я давно думал о том чтобы написать свое решение, я понял, что пришло время. И в итоге реализовал вот такой переключатель:

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

Отдельного внимания так же заслуживает адаптивное двухуровневое меню со скользящей линией:

fange-slider-nav

Вид на мобильных устройствах:

Fange мобильное меню


Были реализованы адаптивные модальные окна:

Файлы:

fange окно с файлами
Пожертвования:

Fange окно с пожертвованиями
А так же прелоадер, слайдер новостей, переключатель табов с рейтингом игроков и автоматическая вставка стримов через js с задержкой, чтобы не нагружать сайт при загрузке.
Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео:

Комментарии

  • Ваше имя:
    Ваш e-mail: