Привет, друзья! Сегодня мы празднуем день рождения проекта Community, а значит пришло время сюрпризов! В честь этого события мы представляем вам новый дизайн сайта, который отражает нашу любовь к пользователям и наше стремление к постоянному развитию и совершенствованию.
При создании нового дизайна мы постарались сохранить преемственность, чтобы большинство элементов остались на своих привычных местах, но получили современный внешний вид. Верим, что изменения вам понравятся! Конечно, в новом дизайне могут быть баги и недочёты, которые мы не заметили или не смогли отловить на этапе тестирования.
Будем рады, если вы сообщите о них либо в комментариях в ВКонтакте и Telegram, либо через обратную связь на сайте. А ниже вы найдёте небольшой рассказ о том, почему мы решили обновить дизайн, какие технологии использовали и с какими сложностями пришлось столкнуться.
История создания дизайна 2022 Впервые об обновлении дизайна сайта мы задумались около двух лет назад. Было понятно, что текущая версия постепенно устаревает, а ошибки, допущенные при её разработке, несколько ограничивают процесс модернизации.
Это не было сюрпризом, ведь старый дизайн создавался в далёком 2015 году, когда опыта в вёрстке у нас было явно поменьше. Конечно, в дальнейшем он неоднократно дорабатывался.
Была реализована тёмная тема оформления, слайдер заменён на блок с важными новостями, полностью переработаны комментарии и так далее. Но фундамент оставался прежним. Итак, уже два года назад мы решили, что будем полностью переписывать дизайн сайта, перейдём с Bootstrap 3 на Bootstrap 5, а также будем использовать препроцессор SASS для кастомизации дефолтных стилей.
Тогда же появились первые наброски нового дизайна в Figma. Это были лишь отдельные блоки, но уже было понятно, что нас ждёт нечто грандиозное.
Но целостной картины на тот момент не было, а новые идеи как-то иссякли. Плюс мы решили подождать новую версию Bootstrap с парой фич, которые нам казались полезными. В общем, работа была приостановлена.
2023–2024 К разработке нового дизайна мы вернулись примерно спустя год. Не случайно. После одного из обновлений движка мы заметили несколько проблем в дизайне, которые были похожи на какие-то конфликты. Кое-что удалось оперативно исправить, а что-то пришлось оставить как есть.
В этот момент стало понятно, что дальше тянуть нельзя. Работа над дизайном возобновилась, хотя с новыми идеями по-прежнему было всё печально. Днями и ночами мы просматривали дизайны сайтов, концепты на разных платформах, различные UI-киты, пытаясь понять, как должен выглядеть новый дизайн сайта.
Рисовали и перерисовывали, верстали и перевёрстывали, пока не пришли примерно к тому, что вы можете видеть сейчас. Изначально мы планировали запустить обновлённый сайт в декабре 2023 года.
Но когда мы взглянули на почти готовый вариант, сразу стало понятно, что можно сделать ещё лучше. Дизайн ушёл на доработку, а новой датой релиза назначили 4 июля 2024 года — день рождения Community. Мы решили сделать новый дизайн для цитат, таблиц, содержания, блоков с исходным кодом, скрытого текста, списка категорий и других элементов, которые встречаются внутри новостей.
Также немного поработали над типографикой, изображениями, галереями. И, конечно, исправили некоторые старые баги.
Основная работа была завершена в конце апреля, и тогда же началось закрытое тестирование среди администраторов и модераторов. Мелкие ошибки исправляли вплоть до сегодняшнего релиза. Что убрали? В новом дизайне сайта не нашлось места для блока с важными новостями в верхней части страницы.
Мы делали несколько прототипов, но все они вызывали много вопросов. Какие-то отнимали слишком много пространства на экране, а другие просто не вписывались в дизайн.
Пока что решили отказаться от этого блока, но в будущем он может вернуться, если придумаем адекватную реализацию. Предложения и идеи приветствуются :) Прекращена поддержка устаревших браузеров, таких как Internet Explorer, Microsoft Edge на базе EdgeHTML и прочих.
Это также означает, что сайт не будет корректно отображаться на устройствах с Windows 10 Mobile, если кто-то ими всё ещё пользуется. Убрана функция отправки уведомлений с сайта, так как она не пользовалась популярностью. Если вы ранее согласились на получение уведомлений, то, вероятно, они продолжат приходить в течение какого-то времени.
На ПК вы можете установить приложение Pocket Community из Microsoft Store, которое умеет отправлять уведомления о новых публикациях. Убрана поддержка PWA.
К сожалению, эта функция работала странно, порой приводя к существенному замедлению работы сайта из-за слишком большого объёма сохранённых данных на локальном устройстве. Установить сайт в качестве приложения по-прежнему можно, но без подключения к Интернету страницы теперь открываться не будут.
Рубрика: Развлечения и Интернет. Читать весь текст на thecommunity.ru.