Semantic UI или Bootstrap 3 + Font Awesome?

Question

[Aleksander911]

Доброго дня!
Не знаю как так получилось, но только вчера познакомился с Semantic UI, хотя не первый год имею дело с другими подобными фреймворками Bootstrap, UIkit, Foundation.
Взглянул, оценил красивые фишки, по сравнению с бутстрапом везде красивая анимация, приятный на глаз коллекции тултипов, форм, селектов и тд. Но как всегда у всех плюсов есть и минусы - это в первую очередь вес всего фреймворка и как я заметил небольшое притормаживание мозилы при эксплуатации Semantic. Можно конечно подцеплять отдельно нужные библиотеки, но речь идет о полном комплекте. Как вы думаете стоит дать больше изучению и предпочтений Semantic UI, чем как обычно ставить Bootstrap 3 с Font Awesome?
UPD: Если не затруднит и есть ссылки проектов, то я буду рад глянуть, где используют UI Semantic.
Спасибо.

Comments

[DTX]

Интересная штука, спасибо.
Мб подскажешь, есть ли какие-нибудь плюсы у UIKit/Foundation по сравнению бутстрапом?

[Aleksander911]

UIKit мало весит - на мой взгляд это основная фишка разработчиков, чтобы стать популярными. И, допустим, мне приходилось много вносить своих стилей, особенно когда делаешь всё в мазиле и хроме, а потом заглядываешь в старую IE, а там... ужасный сон верстальщика наяву. Ну и не всем понравится к примеру структура:

<ul class="uk-grid uk-grid-width-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-5">

Я как-то давно делал несколько сайтов на joomla 2.5 и 3, клиент просит адаптированный дизайн. Я заметил кучу конфликтов библиотеках js Bootstrap 3, там и меню отказывалось работать и еще какие-то недочеты. В общем Foundation мне в этот момент сильно помог. Где не удобен BS, я там использую Foundation. И мне очень нравится их подход к структуре, как говорится всё зависит от родителей какие будут потомки. Вот примеру тут 4 блока в ряд в div-е:
<div class="row small-up-2 medium-up-4">
достаточно изменить medium-up-4 на medium-up-3, чтобы увидеть 3 блока в ряд. У бутстрапа нам бы пришлось изменять каждый блок (к примеру col-md-3 на col-md-4).

[DTX]

Aleksander911: Спасибо!

Answer 1

[xmoonlight]

Библиотека Semantic UI - реально хорошая и очень удобная, и лучше учить её, чем bootstrap!
А то, что она там тормозит - можно выкинуть лишнее и/или ПОМОЧЬ! поправить им: код же - OpenSource.
В общем, я "ЗА" изучение Semantic UI двумя руками!

Comments

[Messi]

Чем именно лучше?

[Alexander]

Максим: Правда ? я сам юзаЛ ( прошедшее время ) у bootstrap только сетку. После этого вопроса я не могу оторваться от semantic-ui , в след проектах буду юзать его. А чем он лучше вы можете для себя сами определить.

Answer 2

[Елена Степанова]

после работы с semantic и uikit на бутсрап даже смотреть не хочется... в семантик правда въехать может быть немного посложнее, и да, от ненужного избавляться, но зато богатый ассортимент плюшек. как минимум он стоит того чтобы с ним познакомиться

Answer 3

[Александр Решетняк]

по факту bootstrap, zurb foundation, ui kit и тп больше предоставляют базовые элементы и скелет.

Semantic-ui пошёл чуть дальше, предлагая уже законченные блоки с более продуманной стилистикой дизайна, но.. в мире нет ничего идеального) размер в 10 раз больше

для первой серии надо, что то будет прибавлять)
для Semantic, же что то наоборот убавлять)