UIkit 3 или Bootstrap?

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Новый дефолтный шаблон сделать на UIkit 3

#1 14 февраля 2020 в 08:53
В теме: Складчина: Новый дефолтный шаблон для InstantCMS2

Первым пунктом ТЗ идет: Новый современный шаблон на базе BS4 с дизайном на усмотрение Fuze.

А может быть вместо BS4 использовать UIkit 3?

Фрейморк сделан с использованием less и примесей. В случае UIKit ядро полностью отделено от стилей «шаблона». Удобные переменные позволят начинающим быстро сориентироваться и подогнать внешний вид под себя. Кто плохо ориентируется в less или не ориентируется вообще — есть удобный базовый визуальный редактор стилей, позволяющий получить вполне приемлемый результат: getuikit.com/v2/docs/customizer.html

Демонстрация некоторые возможностей.
В шапке странице есть меню, пробуем переключать и смотреть различные компоненты (ночной дизайн, RTL и д.р):

3uikit.ru/assets/uikit/tests/

На сайте (3uikit, на русском) переведенная документация (не знаю, как этот сайт относится к официальному):

Представляем вашему вниманию UIkit 3 — новую версию легкого модульного front-end фреймворка для разработки быстрых и мощных web-интерфейсов. В версии 3 были улучшены и расширены многие компоненты и функции, которых не было и нет в других фреймворках. Любите Bootstrap? Ознакомьтесь со списком ниже и сравните.

Прощай, JQuery!
Жизнь без JQuery возможна! UIkit 3 избавился от нее. Совсем. К примеру, на этом сайте ее нет. Естественно, все будет работать быстрее, так как размер jQuery огромен, при этом используется малая часть кода.

Новый UIkit позволяет избавиться не только от JQuery, но и связанных сторонних библиотек, например, Fancybox, Owl Carousel, Masonry, WOW, ScrollSpy, Skrollr, параллаксы и так далее. Вот такое масштабное изменение JavaScript. Просто подключите UIkit на вашу страницу и убедитесь сами.


Более подробно: 3uikit.ru/ (русский перевод)

P.S. ИМХО, он с одной стороны для верстальщиков проще.
В общем, мое дело предложить. Просьба, ознакомиться вначале, что это такое…

Может быть имеет смысл сделать дефолтный шаблон на нем, на усмотрение Fuze?

Есть тестовый сайт, где я пытаюсь проводить различные эксперименты: InstantCMS + UIkit 3 + Manticore Search
Сам занимаюсь с UIkit меньше недели, и первые кривые результаты можно посмотреть. Сайт могу скинуть в личку, кто не знает (чтобы не забивать эту ветку лишним шумом).

Официальный сайт UIkit: getuikit.com/
#2 14 февраля 2020 в 09:16
Поддержка только последними версиями браузеров getuikit.com/docs/introduction#browser-support, на "старых" браузерах может не сработать.
Да и с авторскими правами не всё понятно "Copyright YOOtheme GmbH under the MIT license".
#3 14 февраля 2020 в 09:20


Поддержка только последними версиями браузеров getuikit.com/docs/introduction#browser-support, на "старых" браузерах может не сработать.

Loadырь

Так некоторые делают, например форум Discourse: мы создаем продукт, который будет использоваться следующие 5-8 лет. Поддержка того, что было ранее, занимает огромное количество времени, сил, средств. Есть много плюсов, чтобы двигаться далее и развиваться. Но, конечно, есть и минусы (в отказе поддерживать старые продукты).

По поводу лицензии. Кто знает, посмотрите пожалуйста. Я мало понимаю в этом, но там вроде MIT license.
github.com/uikit/uikit
#4 14 февраля 2020 в 09:59
К сведению. Гляньте здесь new.goodmade.ru на главной виджет и список а так же страницу каталога. Это на simantic ui
А бутстрап выбрали потому что он популярный, много готовых решений под него есть. Особенно если взять обе версии — 3,4.
#5 14 февраля 2020 в 10:02
Все здорово, но BS более распространен.
Тут если только делать универсальный шаблон с подключением разных фреймворков. Но это намного сложнее.
Я предлагал вариант отключения BS, чтобы можно было сделать свой шаблон без фреймворка или на другом фреймворке.
Мне нужен другой фреймворк, но даже не пытаюсь предлагать. Предлагаю более универсальное решение.
#6 14 февраля 2020 в 10:22

Я предлагал вариант отключения BS, чтобы можно было сделать свой шаблон без фреймворка или на другом фреймворке.
Мне нужен другой фреймворк, но даже не пытаюсь предлагать.

Ai
Вы уже сейчас можете смело делать себе свой шаблон на любом фреймворке. В движке уже всё для этого предусмотрено и даже описано в доках.
#7 14 февраля 2020 в 11:12

Первым пунктом ТЗ идет: Новый современный шаблон на базе BS4 с дизайном на усмотрение Fuze.

@Evg

Здесь "современный" в смысле широты использования и доступности для освоения (или просто "современнее" чем был)).
Главное чтобы не повысить "уровень вхождения"… laugh

Повысить "уровень вхождения" здесь однажды предлагал один случайный товарищ, по его теории, если повысить уровень вхождения, это отсечет всех НЕ профессионалов, и останутся только качественные разработки))

ЗЫ: Вот нашел)) это интересно))
/forum/thread31092-1.html
#8 14 февраля 2020 в 11:29


Повысить "уровень вхождения"...

Rainbow
Не надо ничего повышать, не надо, ИМХО, ничего понижать. zstЕд. задача, попробовать избежать того, что сейчас в ходу: нашешивания различных кусков, часто разного кода, создание каши из различных компонентов.

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

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

Есть один минус (который вижу сразу). Он всегда возникает. Что-то новое, и пусть даже легкое, все равно надо осваивать. Два дня, но надо. С BS для многих проще, он просто знакомый.
#9 14 февраля 2020 в 11:59

А может быть вместо BS4 использовать UIkit 3?

@Evg
Предтечу в отношении бутстрапа мы уже читали — /forum/thread32495-2.html#318782

А бутстрап выбрали потому что он популярный, много готовых решений под него есть.

GoodMade
И не только поэтому.Здесь небольшой практический пример странички с использованием
Bootstrap Parallax на MDB PRO UI Kits. Попробуйте сделать подобное на ином фреймворке!

Моё мнение:
Для админки был вполне приемлем вариант бесплатного BS4 — с использованием Material Design for Bootstrap (Free) & EBM Bootstrap Plugin.
А вот для нового дефолтного шаблона для InstantCMS2 следует рассмотреть вопрос использования платного BS4 — MDB PRO UI Kits, Promotional Packages, Templates & Plugins.

Ссылки для знакомства:
mdbootstrap.com
mdbootstrap.com/education/bootstrap/
mdbootstrap.com/general/license/
mdbootstrap.com/docs/jquery/components/demo/

С BS для многих проще, он просто знакомый.

@Evg
Это для кого и как.
#10 14 февраля 2020 в 12:25

Попробуйте сделать подобное на ином фреймворке

DeDja
вот basic.goodtheme.ru/news/9-rossijane-stali-pervymi-na-chempionate-mira.html

mdbootstrap явно не дизайнер делает, страшнеько )) излишки теней, неопрятно )
#11 14 февраля 2020 в 12:26

Попробуйте сделать подобное на ином фреймворке!

DeDja
((( все. у нет слов.
#12 14 февраля 2020 в 13:05
Верстал на UiKit несколько сайтов. Отличнейший фреймворк. От бутстрапа меня лично воротит.
#13 14 февраля 2020 в 13:05

вот

GoodMade
Тут — /blogs/dopolnenija-ot-instantcms2-ru/shablon-goodtheme-basic.html#comment_112960
чётко указано, что шаблон построен на базе bootstrap 4.
А BS4 является составной частью MDB.

И к примеру на страничке xyz-nk.xyz используется чистый BS4 (как и Вас в шаблоне).
А вот для вывода Different parallax speed, Parallax <img> tag и Youtube Vimeo and <video> parallax
на указанной мной ранее страничке xyz-nk.xyz/world-aurochses-agency.html необходима
платная версия MDB PRO. На Free версии MDB с перечисленным параллаксом будет облом!

mdbootstrap явно не дизайнер делает, страшненько )) излишки теней, неопрятно )

GoodMade
Можно отметить, что на вкус и цвет...
И на своём сайте я старался сделать опрятно по вкусу.
#14 14 февраля 2020 в 13:10

Это на simantic ui

GoodMade
Semantic UI очень красивый фреймворк. Для оформления UI интерфейсов вообще самое то. Но из-за его манеры вешать браузер пришлось отказаться от него в пользу UiKit.
#15 14 февраля 2020 в 13:12

Верстал на UiKit несколько сайтов. Отличнейший фреймворк. От бутстрапа меня лично воротит.

SpideR
Кому поп, кому попадья, а кому попова дочка.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.