Semantic-ui против Bootstrap [закрыто]


107

Какой из них лучше всего использовать, и, если возможно, укажите разницу (я) и преимущества этих двух.

Semantic-ui vs Bootstrap Я пытаюсь создать свой пользовательский интерфейс и действительно не понимаю, что использовать.

Пожалуйста, предложите мне лучший вариант и, если возможно, с примерами.

Ответы:


62

Я думаю, что мы не видим различий между Bootstrap и Semantic-UI прямо сейчас, Semantic-ui новый, поэтому мы должны позволить времени решить :)

Мое мнение: дизайн Semantic-UI лучше, чем Bootstrap, и более чистый, простой в использовании, строгое кодирование, полезные компоненты, легкий. Я вижу будущее фреймворков в семантическом пользовательском интерфейсе, поэтому я буду способствовать этому и надеюсь на лучшее, но я не буду использовать его для больших проектов, которые зависят от огромных отзывов и поддержки!


2
Мне очень нравится ваше мнение, особенно о том, что «не буду использовать его для больших проектов, которые зависят от огромных отзывов и поддержки». Потому что я как раз собирался спрыгнуть с корабля.
windmaomao

2
2 года назад Semantic UI казался более легким, чем Bootstrap. Но теперь давайте посмотрим ...
Хан,

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

31

Если вы не возражаете, я добавляю в тему Foundation от Zurb (на данный момент единственная действительная альтернатива Bootstrap).

Я только что проверил проект / фреймворк SemUI, и это довольно круто. Идея построения ваших страниц в строгом семантическом стиле, очевидно, хороша, более того, на мой взгляд, потрясающий дизайн и есть много компонентов и настроек, которые можно использовать и выбирать из набора.

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

Что касается предварительной версии, я признаю, что подумываю о создании своего следующего веб-приложения с такой структурой, но у меня возникли некоторые затруднения:

  • это мобильные устройства, такие как Bootstrap или Foundation? судя по тому, что я могу видеть, это не так;
  • У Bootstrap есть два действительных и известных участника, а у Foundation есть Zurb, а как насчет SemanticUI? это предварительный релиз, мы увидим другие релизы?

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

Затем, если вы по какой-либо причине захотите вернуться к Bootstrap, я думаю, что это не так уж больно (многие семантические компоненты кажутся основанными на Bootstrap).


5
Стоит отметить, что SemUI использует имена презентационных классов точно так же, как Foundation и Bootstrap, несмотря на наличие семантики в своем имени. Я согласен с тем, что имена классов менее абстрактны, но они одинаково презентабельны. Если вам интересно, Foundation 3/4 позволяет вам использовать Sass Mixins для создания действительно семантических html / css. Вы можете установить идентификатор на основе «содержимого», а затем применить примеси Foundation Sass к этому идентификатору в вашем Sass / Scss.
JAMESSTONEco

4
Компонентный дизайн semanticUI привлекает внимание. Но в случае совместимости с браузером за начальной загрузкой стоит семантический интерфейс. Bootstrap совместим с IE 7+, но семантический интерфейс совместим только с IE 9+
McLosys Creative

12
@McLosysCreative Если честно, это можно рассматривать скорее как недостаток для Bootstrap. Я согласен с тем, что все фреймворки HTML / CSS должны иметь достаточную совместимость с браузерами, но только в разумных пределах. На данный момент IE7 исполнилось 8 лет, и он отстал на 4 основные версии. Даже Google официально его больше не поддерживает. (они официально поддерживают только последние 3 версии из 5 лучших браузеров). Имея это в виду, кажется, что поддержка такой давности - напрасная трата усилий (и лишний код).
Николас Саммерс

-19

Семантический интерфейс на самом деле не обращается к мобильным или адаптивным представлениям, как это делают Bootstrap и Foundation. Это больше похоже на набор предварительно упакованных элементов пользовательского интерфейса, которые довольно хорошо работают вместе с семантической разметкой, которая превосходит Bootstrap / Foundation. Но самый большой недостаток сейчас в том, что он не ориентирован на мобильные устройства. Так что, если вам нужен хорошо оформленный сайт, используйте Semantic-UI.


1
Semantic-UI не реагирует?
Арслан Али

2
Во всем проекте они не использовали блок пикселей, в то время как они используют их везде !!!
bawa g

10
Семантический интерфейс определенно отзывчивый. Вам следует обновить свой ответ, иначе он будет неверным.
Джерико

3
Этот ответ определенно устарел. Семантический ИС отзывчивый.
Lashae

Semantic-UI создан для отзывчивости.
Сяо Ханью
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.