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


107

Який найкращий варіант використання та, якщо можливо, вкажіть різницю та переваги цих двох.

Semantic-ui vs Bootstrap Я намагаюся створити свій інтерфейс, і дуже заплутався, як використовувати.

Запропонуйте, будь ласка, найкращий і, якщо можливо, приклади.

Відповіді:


62

Я думаю, що ми не можемо побачити відмінності між Bootstrap і Semantic-UI зараз, Semantic-ui є новим, тому ми мусимо дати час вирішити :)

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


2
Мені дуже подобається ваша думка, особливо про те, що "не буде використовувати її для великих проектів, що залежить від величезних відгуків та підтримки". Тому що я ось-ось збирався стрибати на кораблі.
windmaomao

2
2 роки тому Semantic UI здавався більш легким, ніж Bootstrap. Але тепер давайте подивіться ...
Хань

3
Ну, я не можу погодитися, я збираюся використовувати семантичний інтерфейс вперше, і буду у великому проекті, як я бачу, я цілком впевнений, що впорається досить добре.
Педро

31

Якщо ви не заперечуєте, я додаю Foundation до Zurb у тему (єдина справжня дійсна альтернатива Bootstrap на даний момент).

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

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

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

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

через такі неприємності, я думаю, щоб уникнути використання його для ділового / комерційного проекту на даний момент, можливо, в найближчому майбутньому, але якщо ви плануєте використовувати його для власного особистого веб-додатка (як у мене), я думаю, що це досить вдалий вибір.

Тоді, якщо ви хочете відмовитися від Bootstrap з будь-якої причини, я думаю, що це не так боляче (багато компонентів Semantic, здається, базуються на Bootstrap).


5
Варто зазначити, що SemUI використовує презентаційні назви класів так само, як Foundation та Bootstrap, незважаючи на те, що в його імені є семантичні. Я погоджуюся, що назви класів менш абстрактні, але вони презентаційні однаково. Якщо ви зацікавлені, Foundation 3/4 дозволяє використовувати Sass Mixins для створення справді семантичного html / css. Ви можете встановити ідентифікатор на основі "вмісту", а потім застосувати Foundation Sass Mixins до цього ідентифікатора у вашому Sass / Scss.
JAMESSTONEco

4
Складова конструкція semanticUI - це привабливий погляд. Але SemanticUI стоїть за завантажувальним сценарієм у разі сумісності браузера. Bootstrap сумісний з IE 7+, але смисловийUI сумісний лише IE 9+
McLosys Creative

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

-19

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


1
Semantic-інтерфейс користувача не реагує?
Арслан Алі

2
У всьому проекті вони не використовували px-підрозділ, поки вони використовують усюди !!!
bawa g

10
Семантичний інтерфейс користувача, безумовно, чуйний. Ви повинні оновити свою відповідь, інакше вона неправильна.
Єрико

3
Ця відповідь, безумовно, застаріла. Семантичний чуйний.
Lashae

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