Semantic-ui vs Bootstrap [fechado]

107

Qual é o melhor para usar e se possível, forneça a (s) diferença (ões) e vantagens desses dois.

Semantic-ui vs Bootstrap Estou tentando construir minha IU e realmente confuso quanto ao que usar.

Por favor, sugira-me o melhor e se possível com exemplos.

twitter-bootstrap user-interface semantic-ui

— Java Questions
fonte

Respostas:

Acho que não podemos ver as diferenças entre Bootstrap e Semantic-UI agora, Semantic-ui é novo, então temos que deixar o tempo decidir :)

Minha opinião: O design da IU semântica é melhor que o Bootstrap e mais limpo, fácil de usar, codificação estrita, componentes úteis, leve. Vejo o futuro dos Frameworks na Semantic-UI, então irei contribuir e espero o melhor para isso, mas não vou usá-lo para grandes projetos que dependem de enormes feedbacks e apoios!

— elkebirmed
fonte

Gosto muito da sua opinião, especialmente sobre "não vou usá-lo para grandes projetos que dependem de enormes feedbacks e apoios". Porque eu estava prestes a abandonar o navio.

— windmaomao

2 anos atrás, a Semantic UI parecia ser mais leve do que o Bootstrap. Mas agora, vamos dar uma olhada ...

— Han

Bem, eu não posso concordar, vou usar o semantic-ui pela primeira vez, e estarei em um grande projeto, pelo que vejo, tenho certeza de que funcionará muito bem.

— Pedro

Se você não se importar, adiciono Foundation by Zurb no tópico (a única alternativa válida ao Bootstrap no momento).

Acabei de verificar o projeto / framework SemUI e é muito bom. A ideia de construir suas páginas de uma forma estritamente semântica é obviamente boa, além disso, o design é impressionante na minha opinião e há muitos componentes e configurações para usar e escolher no conjunto.

Outra coisa que notei é o pacote, muito bem organizado, cada componente se você quiser tem sua própria folha de estilo e arquivo de script, portanto você poderá carregar apenas o que precisa, até porque o pacote é bastante pesado se incluir tudo em uma única página.

Para um pré-lançamento, admito que estou pensando em construir meu próximo aplicativo da web com tal estrutura, mas tenho algumas perplexidades:

é mobile-first como Bootstrap ou Foundation? pelo que consigo ver, não parece;
O Bootstrap tem dois colaboradores válidos e conhecidos e a Fundação apoiou o Zurb, e o SemanticUI? este é um pré-lançamento, vamos ver outros lançamentos?

por causa de tais perplexidades, acho que devo evitar usá-lo para um projeto comercial / empresarial no momento, talvez em um futuro muito próximo, mas se você está planejando usá-lo para seu próprio aplicativo da web pessoal (como o meu), eu acho que é uma escolha muito boa.

Então, se você quiser voltar para o Bootstrap por qualquer motivo, acho que não é tão doloroso (muitos dos componentes semânticos parecem baseados no Bootstrap).

— Alexian
fonte

É importante notar que SemUI usa nomes de classe de apresentação, como Foundation e Bootstrap, apesar de ter semântica em seu nome. Eu concordo que os nomes das classes são menos abstratos, mas são de apresentação da mesma forma. Se você estiver interessado, o Foundation 3/4 permite que você use Sass Mixins para criar html / css verdadeiramente semântico. Você pode definir um id com base no "conteúdo" e, em seguida, aplicar Foundation Sass Mixins a esse id em seu Sass / Scss.

— JAMESSTONEco

O design do componente do semanticUI é atraente. Mas semanticUI está por trás do bootstrap no caso de compatibilidade do navegador. Bootstrap compatível com IE 7, mas compatível com semanticUI apenas com IE 9+

— McLosys Creative

@McLosysCreative Para ser honesto, isso poderia ser visto mais como uma desvantagem para o Bootstrap. Eu concordo que todas as estruturas HTML / CSS devem ter uma boa compatibilidade com o navegador, mas apenas dentro do razoável. Neste ponto, o IE7 está com 8 anos e 4 versões principais atrás. Mesmo o Google oficialmente não oferece mais suporte para isso. (eles só suportam oficialmente as 3 últimas versões dos 5 principais navegadores) Com isso em mente, parece um esforço desperdiçado (e código extra) para oferecer suporte tão antigo.

— Nicholas Summers

-19

Semantic UI realmente não aborda visualizações móveis ou responsivas como o Bootstrap e o Foundation fazem. É mais como uma coleção de elementos de interface do usuário pré-empacotados que funcionam muito bem juntos com marcação semântica que é superior ao Bootstrap / Foundation. Mas a maior desvantagem agora é que não é centrado em dispositivos móveis. Portanto, se você quiser um site bem estilizado, use a Semantic-UI.

— Karenkun
fonte

A IU semântica não responde?

— Arslan Ali

Em todo o projeto eles não usaram a unidade px enquanto estão usando em todos os lugares !!!

— bawa g

A IU semântica é definitivamente responsiva. Você deve atualizar sua resposta, caso contrário, ela está incorreta.

— Jeriko

Esta resposta está definitivamente desatualizada. Resposta semântica IS.

— Lashae de

A Semantic-UI nasceu para ser responsiva.

— Xiao Hanyu