Semantic-ui vs Bootstrap [cerrado]


107

Cuál es el mejor para usar y, si es posible, proporcione las diferencias y ventajas de estos dos.

Semantic-ui vs Bootstrap Estoy tratando de construir mi interfaz de usuario y estoy realmente confundido sobre qué usar.

Por favor sugiéreme el mejor y si es posible con ejemplos.

Respuestas:


62

Creo que no podemos ver las diferencias entre Bootstrap y Semantic-UI en este momento, Semantic-ui es nuevo, así que tenemos que dejar que el tiempo decida :)

Mi opinión: el diseño de la interfaz de usuario semántica es mejor que Bootstrap y más limpio, fácil de usar, codificación estricta, componentes útiles y liviano. Veo el futuro de Frameworks en Semantic-UI, así que contribuiré y espero lo mejor para ello, ¡pero no lo usaré para grandes proyectos que dependen de una gran cantidad de retroalimentaciones y apoyos!


2
Me gusta mucho tu opinión, especialmente sobre "no lo usaré para grandes proyectos que dependan de una gran retroalimentación y apoyos". Porque estaba a punto de abandonar el barco.
windmaomao

2
Hace 2 años, la interfaz de usuario semántica parecía ser más ligera que Bootstrap. Pero ahora, echemos un vistazo ...
Han

3
Bueno, no estoy de acuerdo, voy a usar semántica-ui por primera vez y estaré en un gran proyecto, por lo que veo, estoy bastante seguro de que se manejará bastante bien.
Pedro

31

Si no le importa, agrego Foundation by Zurb en el tema (la única alternativa verdaderamente válida a Bootstrap en este momento).

Acabo de comprobar el proyecto / marco SemUI y es bastante impresionante. La idea de construir sus páginas de una manera semántica estricta es obviamente buena, además, el diseño es impresionante en mi opinión y hay muchos componentes y configuraciones para usar y elegir del conjunto.

Otra cosa que noté es el paquete, muy bien organizado, cada componente si lo desea tiene su propia hoja de estilo y archivo de script, por lo tanto, podrá cargar solo lo que necesita, incluso porque el paquete es bastante pesado si incluye todo en una sola página.

Para una versión preliminar, admito que estoy considerando crear mi próxima aplicación web con ese marco, pero tengo algunas perplejidades:

  • ¿Es ese móvil primero como Bootstrap o Foundation? por lo que puedo ver, no lo parece;
  • Bootstrap tiene dos colaboradores válidos y conocidos y Foundation consiguió que Zurb se apoyara, ¿qué pasa con SemanticUI? este es un prelanzamiento, ¿veremos otros lanzamientos?

Debido a tales perplejidades, creo que evitar usarlo para un proyecto comercial / empresarial en este momento, tal vez en un futuro muy cercano, pero si planea usarlo para su propia aplicación web personal (como la mía), creo que es una muy buena elección.

Entonces, si desea recurrir a Bootstrap por cualquier motivo, creo que no es tan doloroso (muchos de los componentes semánticos parecen estar basados ​​en Bootstrap).


5
Vale la pena señalar que SemUI usa nombres de clases de presentación como Foundation y Bootstrap a pesar de tener semántica en su nombre. Estoy de acuerdo en que los nombres de las clases son menos abstractos pero son de presentación de la misma manera. Si está interesado, Foundation 3/4 le permite usar Sass Mixins para crear html / css verdaderamente semántico. Puede establecer una identificación basada en el "contenido" y luego aplicar Foundation Sass Mixins a esa identificación en su Sass / Scss.
JAMESSTONEco

4
El diseño de componentes de semanticUI es llamativo. Pero semanticUI está detrás de bootstrap en el caso de la compatibilidad del navegador. Bootstrap compatible con IE 7+, pero semanticUI compatible solo IE 9+
McLosys Creative

12
@McLosysCreative Para ser honesto, eso podría verse más como un inconveniente para Bootstrap. Estoy de acuerdo en que todos los marcos HTML / CSS deberían tener una buena cantidad de compatibilidad con el navegador, pero solo dentro de lo razonable. En este punto, IE7 tiene 8 años y tiene 4 versiones principales por detrás. Incluso Google ya no lo admite oficialmente. (solo son compatibles oficialmente con las últimas 3 versiones de los 5 principales navegadores) Con eso en mente, parece un esfuerzo en vano (y código adicional) admitir tan atrás.
Nicholas Summers

-19

La interfaz de usuario semántica realmente no aborda las vistas móviles o receptivas como lo hacen Bootstrap y Foundation. Es más como una colección de elementos de UI preempaquetados que funcionan bastante bien junto con un marcado semántico que es superior a Bootstrap / Foundation. Pero el mayor inconveniente en este momento es que no está centrado en dispositivos móviles. Entonces, si desea un sitio bien diseñado, use Semantic-UI.


1
¿La interfaz de usuario semántica no responde?
Arslan Ali

2
¡En todo el proyecto no han usado la unidad px mientras están usando em en todas partes!
bawa g

10
La interfaz de usuario semántica definitivamente responde. Debe actualizar su respuesta, de lo contrario, es incorrecta.
Jeriko

3
Esta respuesta definitivamente está desactualizada. IS semántico receptivo.
Lashae

Semantic-UI nace para responder.
Xiao Hanyu
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.