← Разработка
Фреймворк UIkit - легкий, модульный и быстрый
UIkit — легкий и модульный фреймворк для разработки быстрых и мощных веб-интерфейсов.
С момента появления UIkit в 2013 году, он стал одной из наиболее часто используемых интерфейсных сред для работы в современном Интернете. Выпуск UIkit 3, новейшее поколение фреймворка, где многое было полностью переосмыслено и перестроено.
На данный момент, актуальная версия UIkit 3 — v3.3.1.
В ZIP-файле вы найдете все CSS, JavaScript и файлы шрифтов, готовые для использования в вашем проекте.
Познакомьтесь с базовой настройкой и структурой UIkit
Прежде всего вам необходимо скачать UIkit.
Вы можете найти весь проект и все исходные файлы на GitHub:
Что вы думаете по поводу этого фреймворка?
Мне лично, UIkit приглянулся.
Приятный фреймворк, надо посмотреть, что нового в 3. Надо почитать, спасибо. В прошлый раз, как мы на него смотрели, дизайнер все тыкал пальцем на иконки, уж больно ему они понравились. В Font Awesome подобный стиль есть, но в платной версии. И что можно полностью убить jquery, чуток необычно было. Я сам насколько помню, стиль подключения понятный очень в шаблонах был. Смотрю.
Симпатичная вещь. Но изменения будут очень велики.
Да, я посмотрел, там логика другая чуток. Все, что связанно с css ерунда, иконки там разные симпатичные, js полностью переписывать. И видимо нам дефолтные не устроят все равно, базовые цвета. Я предлагаю попробовать сделать пока шапку и глянуть. Там есть все и окна всплывающие, выпадающие меню и др. Мы по объему выиграем, только если все переведем на это. Убив всю Quory.
У них сетка интересно сделана.
У них все интересно минималистически сделано, но надо время чтобы разобраться. Пару дней точно. Можно каталог пока перевести ни это дело и глянуть.
UIkit 3 значительно отличается от UIkit 2. Если вы не знакомы с тройкой, то обязательно посмотрите. Собетую!
Спасибо. Смотрю, интересные реализации есть.
Переделал в шаблонах под UIkit тематические разделы. Надо посмотреть.
Да, так лучше и проще.
Вот сейчас со статьей выявлено на примере H* мы не должны описывать рядовые случаи для margin, проще ввести small-top, где описать отступ вверху и разместить тег во всех шаблонах.
Заменил js-model — это оказалось проще, чем я думал. Очень много кода в минус. Посмотрите.
Посмотрел. Необходимо лишь добавить в шаблоны кнопку закрытия. Слил с сайтом. Теперь тут окна от UIkit, минус jquery-modal, но у нас сообщения *_messages и др. опять описаны отдельно. Сегодня надо переписать и это. Забираю. А вообще занятно выходит. Первое, мы избавляемся от всех хвостов jquery, самое интересное будет, когда придется грохнуть и jquery. Это важно. Нам надо иметь представление о том, как делать чистый шаблон на UIkit, без переопределение css и навешивание помощи сторонними js скриптами.
Шаблоны надо править много. Легче css переопределить. )
Вот и делаем. Первое — подключаем фреймворк, он большой. Далее пишем свои стили. У меня вопрос, кто-то считает, что в фреймворке что-то нет и надо дописывать? Мы подключили сотни кб. кода, а там чего-то нет? Есть! Но мы не знаем. Мы берем сетку. берем кнопки их цвет и используем только это. Даже если нам не нравятся ведущие цвета, мы можем переопределить их в своей сборке, но кто это делает? Вот почему мне не нравится, как используют фреймворки. Люди создают много лишнего кода, который кстати имеет последствия. Они берут css и описывают рядовой случай, практически не заботясь о том, а что будет если изменятся условия: фон, ширина окна и др. Зачем мы подключем то, что мы не знаем? Вот в чем вопрос. Я из-за корректности не тыкаю пальцем на разные созданные дизайны, где достаточно безграмотно и вольно происходит работа с css и js. По большому счету, не важно что кто-то делает. Что мы тут делаем? Это важней. У нас есть лишний код? Мы сами переопределяем тут css, занося много лишних цепочек? Да. Значит надо менять. Нет смысла критиковать других, когда у самого бардак. Давайте займемся и почистить все. Меньше кода, это очень хорошо!
Модельное окно при авторизации, изменил. Фотографию осталось найти.
А по мне и так норм. Из меня дизайнер, еще тот. Кто дизайнер, может подскажет.
В некоторых местах сайта остался старый css — pills-menu.
Нашел и исправил. Спасибо за помощь.
Там не все на самом деле. Отписал вам.
Сделаем потихоньку. Я вот думаю, на счет еще одного, общего шаблона. Надо для instantcms сделать. Только вот, не знаю в каком виде. Ну имеется в виду, я не совсем представляю, как сделать шаблон «под все»… Думаю.
Может блоговый?
Сие неведомая вещь. Надо узнать.
Создал тему в группе Sugata на Toxu… Чтобы видеть её, надо вступить в Sugata.
Начал чуток менять дизайн, и смотрел запросы. У нас, чтобы получить аватар пространства N+1 и того + 20. Не много? Пока показывается аватар пользователя. И «играю» с дизайном комментариев на главной. Вообще дизайн делается для TOP, но временно решил добавить для комментов и посмотреть, что будет.
N+1 меня самого настораживало. Но посмотрел на ихнем форуме, так все делают, что странно.
Не важно кто, что делает. Ладно. Мне просто интересно стало, мы сумеем создать шаблон, не переопределяя ядро, совсем? Я знаю, что мы переопределяли тут пару функций в ядре, мы сумеем вообще не трогать ядро в общем шаблоне? Это вопрос, по большому счету поддержки потом. Не сложно выпустить шаблон. Вот поддерживать его потом, основная головная боль. К минимуму её свести надо. Не трогать ядро! (желательно)
Потренироваться хочешь? ) Ветку тогда необходимо сделать отдельную тут.
Да чего тут тренироваться то в css, ветку сделаю, как будет готово header и nav. И разверну на тестовом домене, чтобы видно было, и в репозиторий размещать надо будет, когда хоть первая, центральная страница готова будет. В общем, поехали.
Я вот о чем подумал: nodebb.org
Может быть Пространства сделать такими? Flarum: https://discuss.flarum.org/tags
Cтарые знакомые.
Хорошее дело. Но для начала надо сделать вот что.
1. Мы имеем 3 кнопки в шапке, жмем, переходим и видим: пространства — 3 колонки, поток — 1 колонка, добавить пост — 2 колонки. Беспредел. ) Надо определиться, у нас сколько колонок то? ) При переходе с одного меню такой разброс.
2. Предлагаю сделать две. Без левого меню. А вот в левую, 2-3 где, и сделать там плитку. У нас же все есть.
3. Сейчас разобрался с menu, прыгая между dev и этим сайтом. Мы можем сделать все еще проще.
Так. В общем мне надо время, чтобы набросать макет.
Доп. Готово. Там остались детали, может быть сделать кликабельным целый блок, выравнивание иконки, сменить эффект при наведении и т.д., но в целом, вот. Жмем в шапке на группы. CSS временно добавил непосредственно в шаблон.
Сразу другой вид!
Такое изменение будет в новом шаблоне?
Посмотрим. Дело в том, что «коробки» многим не нравятся.