Разумно ли использование semantic-ui вместо Bootstrap?

Question

[Евгений]

Обнаружил такую библиотеку semantic-ui. Покопался. Кучу готовых примеров всех частей сайта и довольно интересных, тоже адаптивных.

Но кто-то использовал это у себя в проекте? Стоит ли вообще?

Answer 1

[Максим Тимофеев]

Если Вы сами не видите выгод, при чем весомых, для своего проекта - то ответ точно НЕТ.
Бутстрап знают почти все, небольшая часть из них знает semantic-ui. Есть еще дятлы и староверы, они ничего не знают (вторым лень, а первые наслушались отмазок вторых). Иногда встречаются редкие дятлы, которые почему-то решили, что есть объективная причина знать semantic-ui или еще более экзотичный продукт, но не знать bs. Но говорят скоро научатся такое лечить.
Если у Вас вопрос "разбираться с semantic-ui" или нет? Тогда ответ "точно да". Так как времени это много не займет, а что бы использовать bs4, надо же понимать, чем он лучше других и вообще, какие другие они бывают. semantic-ui - наверное номер 2 или 3 в списке.

Comments

[Даниил Иванов]

Как дятел старовер заявляю, чтот бс не нужен, когда появились гриды и флексы

[Максим Тимофеев]

Даниил Иванов,

когда появились гриды

они появились до bs. О чем Вы? Кроме того grid в bs это только лишь его часть. Ваша утверждение эквивалентно "когда появились электромобили, я перестал пользоваться креслом". Модалка из коробки Вам не нужна? Сбросы стилей? Классы хелперы? Я молчу про кучу других ништяков.

[Даниил Иванов]

Максим Тимофеев, нет, модалки, по крайней мере у нас, все очень кастомные и проще накидать верстку и повесить скрипт, чем кастомизировать бс модалки. Сброс стиля normalize по умолчанию стоит во всех проектах. Его бутстар и использует, к слову.
Грид это основа, вокруг которой наросла куча разного багажа,зачастую совсем бесполезного. Мы верстаем не по atom-css и хелперы портят семантику.
Куча штук там сложно кастомируется правильно. Куча нюансов. Не укладывается в стиль работы. Поэтому говорю что бс не нужен.

[Даниил Иванов]

Максим Тимофеев, гриды появились до бс ?
Мне казалось, что поддержка гридов появилась в крайне случае, в 2016 за флагами, а бс с 2011 года в опен сорсе живет.

[Максим Тимофеев]

Даниил Иванов, вот boostrap 1.0.0 c grid:
bootstrapdocs.com/v1.0.0/docs
released this on 18 Jul 2013
https://github.com/twbs/bootstrap/releases/tag/v1.0.0
А вот куча проектов с последним апдейтом за 2009:
https://github.com/search?o=asc&p=1&q=grid+css&s=u...
Так что "Мне казалось", всегда можно проверить. По крайней мере, прежде чем кого-то обвинить во лжи.

[Даниил Иванов]

Максим Тимофеев, проверить можно. Только нужно понимать, что проверять. Вы мне привели пример проекта, где используется многоколоночная сетка, но там нет проектов до 2013 года, где используется флекс или css-grid свойства.
Мне кажется, что вы малость не поняли о чем я написал. Речь шла именно о цсс свойстве.

[Максим Тимофеев]

Даниил Иванов, да, не правильно понял, то что вы имеете ввиду это "Grid Layout"

[Даниил Иванов]

Максим Тимофеев, grid layout более общий термин, прижился в лексиконе.caa grid

Answer 2

[Andrej Sharapov]

Бутстрап более распространен, этим все сказано. Если вы делаете проект на semantic-ui, вы можете создать проблему вашему приемнику, т.к. вероятнее всего, ему тоже придется изучать её, чтобы сделать правки.
Если чисто для себя, почему бы и нет.

Answer 3

[Вова Дружаев]

268 KB минимизированного js и 604 KB минимизированного css - вам точно надо такую кучу тянуть? почти мегабайт веса и может вы будете использовать оттуда % 10-ть от всей массы

Comments

[Евгений]

Мегабайт конечно многовато. Хотя в будущем, когда будет у всех нормальный интернет разницы уже не будет

[Вова Дружаев]

Евгений, вывод - пишите свой велосипед. Крупные компании разрабатывают свой style guide - и придерживаются его. Но если делать на продажу и не себе - зацепить подобное можно - быстро накидал и готово. Но может тогда посмотреть в сторону avacode - и ставить верстку на поток через него?

[profesor08]

Ну и в чем проблема? Есть исходники, можно подключать только нужные модули.

[Вова Дружаев]

profesor08, но у нужных модулей куча ненужных состояний и стилей. Кнопки например - мне нужны просто кнопки - а я подключая модуль кнопок получаю их все. И так с каждым отдельным модулем

т.е. одни кнопки это 83.5 KB стилей. А из них мне понадобится всего 40 строчек css, а не 3688 как мы видим https://github.com/Semantic-Org/Semantic-UI/blob/m... . Вот о чем я - каждый компонент содержит стили про запас. Если текущий дизайн не использует это - нафига
это тащить? В этом и зло бутстропов и прочих css фреймворков - вроде и по модулям можно собрать - но все равно много лишнего.

Вот я и топлю за то чтоб свой стайл гайд собрать и оформить в свой минифреймворк - только нужное для этого проекта.
Конечно как написал и выше - ***сайт собрать и продать - такие фреймворки подойдут. Автор то не написал - какая у него цель конечная.

Нужно думать - во всём нужно думать.

[profesor08]

Владимир Дружаев, зачем подключать скомпиленный бандл? Там доступен весь .less код, подключай что хочешь, генерируй как хочешь. Если не нравятся фреймворки, то не надо это навязывать другим, если не умеешь их готовить.

[Вова Дружаев]

profesor08, скинь пример на руководство - спорить с этим пока не буду. Не понимаю как скомпилить мне только вот простые кнопки https://semantic-ui.com/elements/button.html - все что сверху до Animated

я думаю и автору темы это будет полезно - он точно про это не знает. Если вы решали похожую задачу - значит знаете где найти руководства как "готовить правильно фреймворки"

[profesor08]

Владимир Дружаев, для начала lesscss.org/usage
наверняка потребуется сборщик gulp, webpack или аналоги.

[Вова Дружаев]

profesor08, спасибо. Разберусь в вопросе, но ответ удалять не буду - если я заблуждался и вы правы - то это будут полезные комментарии. Всегда есть куда расти и чему учиться.

Answer 4

[devilsD]

Обьективной причины менять шило на мыло однозначно нет, думаю бутстрап предпочтительней в силу своей зрелости и комьюнити. Ну а если Вам нравяться плюшки semantic-ui то почему бы и нет.