← Sugata
Переход сайта на фреймворк UIkit 3
Мы полностью начинаем использовать UIkit 3, и в течении некоторого времени отходить (постепенно) отQuery. Шаблоны, структура, практически вся перенесена (на локале), но будут некоторые сложности с реализацией этого тут.
Работы ещё много, они будут продолжаться достаточно долго, но в ближайшее время (сутки, двое) сайт может быть временно недоступен.
UIkit 3 подходит нам, т.к. позволяет многие вещи сделать гибче, проще (для нас), чем сейчас.
Вот предыдущая ветка, которая бегло знакомит с UIkit: Фреймворк UIkit — легкий, модульный и быстрый
Для пробы рано, но пока все равно людей нет, перекинул на новый макет. Пробуем в шапке поиск, стрелку рядом с логотипом. И новую систему авторизации (выходим и заходит заново). В общем до завтра это будет тут висеть.
Нифига себе. Вот это да! Вроде работает.
Временно перенес, а может и нет, если это заставить быстрей двигаться. Но за 2 дня сделать, думаю хорошо. В общем, сейчас пока каша. Квери + UIkit. Это я к завтрашнему дню подготовился, чтобы назад пути не было. Во. ))
А где оповещения?
Не успел. Завтра верну сюда старые. Там 2 файла, надо менять. Один убирать совсем, а другой переписать. Со старыми будет работать. Префиксы разные.
А вот и я. ) Займусь сегодня шапкой тогда. Header нуждается в значительной доработке.
Да, надо с шапкой разобраться, не забывая про мобильную версию.
Кнопку Написать делать в двух версиях?
Давайте пока оставим её, как есть. Мне она вообще не нравится, или цвет, или иконка там должна быть, или она должна быть иконкой, или отступ слева, или уже по высоте… в общем не знаю. Пусть пока так будет. Всплывающие окна надо за выходные все перенести и удалить скрипты левые. Таков пока план. Много лишнего уже есть.
Забрал закладки… Там вижу отдельно сделано. Сделал.
Мы можем убрать и стили. Передать параметры, что нам нужны напрямую. Идея заключается в том, что у нас есть 1 стиль. Хватит: UIkit.notification(result.message, { theme: 'error', pos: 'top-right', status: 'danger'});
Интересно, а danger мы в css подправим.
Точно. Вот сейчас минут 30кб одной строкой. Много, очень много лишнего кода. Мы потом файлы там и разные фото, что осталось от старого css убьем. Пробуем закладки тут с новыми уведомлениями.
Попробовал собрать свою тему с Less. А вы как?
sass site.scss > site.css
Только так и не иначе. Во всех проектах.
В выпадающее меню вывел ночной/дневной дизайн. На нем очень заметны ошибки css.
Правильно. Это очень хорошо! Так мы можем смотреть, где css наш, и что надо переводить на UIkit. Мы не будем переопределять тут стили, лишь использовать то, что уже есть по полной. )
Готово. Интеграцию с Discourse сделал. Теперь что пишем тут идет туда и обратно. Можно попробовать.
А это сообщение мы в чате получим?
Я избавился в dev еще от одного файла (-30кб. кода). Но необходимо все проверить.
Это хорошо. +! Гляну и солью.
Я убрал свою сетку, теперь используется оригинальная сетка от Uikit. Пересобрал её.
Отлично! По идеи мы должны убрать и свойства в html, которые не используются. А что если вообще отказаться от того, что мы написали. Полностью перейти. Ну совсем, совсем.
Пойдемте в чат, чтобы понять всё это: uk-align-left\@xl Даже тут отображаться не хочет:
Готово. Полностью перевел на Uikit. И прикрутил img модельные в комментах:
Сетка поменяла размеры. Вы пересобирали её?
Нет. Мне нравится, как тут работает js+css в ней. Сочетание динамических и фиксированных значений. Мы можем менять и то и то теперь легко в шаблонах. Вывел эти значения из него. Осталось теперь чистить код и различные вещи, вроде скрола перевести на Uikit. Теперь нет нужны использовать JQuery так широко, а может быть и совсем после чистки. Вообще мне очень, очень нравится система — простая.
А как вы перевели модельные окна?
В личку скинул конкретный пример перевода.