Semantic-ui vs Bootstrap [fermé]


107

Quel est le meilleur à utiliser et si possible, veuillez indiquer la (les) différence (s) et les avantages de ces deux éléments.

Semantic-ui vs Bootstrap J'essaie de créer mon interface utilisateur et je ne sais vraiment pas quoi utiliser.

Veuillez me suggérer le meilleur et si possible avec des exemples.

Réponses:


62

Je pense que nous ne pouvons pas voir les différences entre Bootstrap et Semantic-UI pour le moment, Semantic-ui est nouveau, nous devons donc laisser le temps décider :)

Mon avis: la conception sémantique de l'interface utilisateur est meilleure que Bootstrap et plus propre, facile à utiliser, codage strict, composants utiles, léger. Je vois l'avenir des Frameworks dans Semantic-UI, donc je vais contribuer et espérer le meilleur pour cela, mais je ne l'utiliserai pas pour de grands projets qui dépendent d'énormes retours et supports!


2
J'aime beaucoup ton avis, notamment sur "ne l'utilisera pas pour de gros projets qui dépend d'un énorme retour et supports". Parce que j'étais sur le point de quitter le navire.
windmaomao

2
Il y a 2 ans, l'interface utilisateur sémantique semblait plus légère que Bootstrap. Mais maintenant, jetons un coup d'œil ...
Han

3
Eh bien, je ne suis pas d'accord, je vais utiliser semantic-ui pour la première fois et je serai dans un grand projet, pour ce que je vois, je suis sûr que cela fonctionnera très bien.
Pedro

31

Si cela ne vous dérange pas, j'ajoute Foundation by Zurb dans le sujet (la seule vraie alternative valide à Bootstrap pour le moment).

Je viens de vérifier le projet / framework SemUI et c'est assez génial. L'idée de construire vos pages de manière strictement sémantique est évidemment bonne, de plus le design est époustouflant à mon avis et il y a beaucoup de composants et de paramètres à utiliser et à choisir dans l'ensemble.

Une autre chose que j'ai remarquée est le package, très bien organisé, chaque composant si vous le souhaitez a sa propre feuille de style et son propre fichier de script, vous ne pourrez donc charger que ce dont vous avez besoin, même parce que le package est assez lourd si vous incluez tout en une seule page.

Pour une pré-version, j'avoue que j'envisage de créer ma prochaine application Web avec un tel framework, mais j'ai quelques perplexités:

  • est-ce que le mobile d'abord comme Bootstrap ou Foundation? d'après ce que je suis en mesure de voir, cela n'a pas l'air;
  • Bootstrap a deux contributeurs valides et bien connus et Foundation a soutenu Zurb, qu'en est-il de SemanticUI? ceci est une pré-version, allons-nous voir d'autres versions?

à cause de telles perplexités, je pense éviter de l'utiliser pour un projet commercial / commercial pour le moment, peut-être dans un avenir très proche, mais si vous prévoyez de l'utiliser pour votre propre application Web personnelle (comme la mienne), je pense que c'est un très bon choix.

Ensuite, si vous voulez revenir à Bootstrap pour une raison quelconque, je pense que ce n'est pas si douloureux (de nombreux composants sémantiques semblent basés sur Bootstrap).


5
Il est intéressant de noter que SemUI utilise des noms de classes de présentation comme Foundation et Bootstrap malgré la sémantique dans son nom. Je suis d'accord que les noms de classe sont moins abstraits mais ils sont de la même manière. Si vous êtes intéressé, Foundation 3/4 vous permet d'utiliser Sass Mixins pour créer un html / css vraiment sémantique. Vous pouvez définir un identifiant basé sur le "contenu", puis appliquer Foundation Sass Mixins à cet identifiant dans votre Sass / Scss.
JAMESSTONEco

4
La conception des composants de semanticUI est accrocheuse. Mais semanticUI est derrière le bootstrap dans le cas de la compatibilité du navigateur. Bootstrap compatible avec IE 7+, mais sémanticUI compatible uniquement avec IE 9+
McLosys Creative

12
@McLosysCreative Pour être honnête, cela pourrait être davantage perçu comme un inconvénient pour Bootstrap. Je suis d'accord que tous les frameworks HTML / CSS devraient avoir une bonne compatibilité avec les navigateurs, mais seulement dans des limites raisonnables. À ce stade, IE7 a 8 ans et 4 versions majeures sont en retard. Même Google ne le prend plus officiellement en charge. (ils ne prennent officiellement en charge que les 3 dernières versions des 5 meilleurs navigateurs) Dans cet esprit, cela semble être un effort inutile (et du code supplémentaire) pour prendre en charge cela loin.
Nicholas Summers

-19

L'interface utilisateur sémantique ne s'adresse pas vraiment aux vues mobiles ou réactives comme le font Bootstrap et Foundation. Cela ressemble plus à une collection d'éléments d'interface utilisateur pré-emballés qui fonctionnent assez bien avec un balisage sémantique supérieur à Bootstrap / Foundation. Mais le plus gros inconvénient à l'heure actuelle est qu'il n'est pas centré sur le mobile. Donc, si vous voulez un site bien stylé, utilisez Semantic-UI.


1
L'interface utilisateur sémantique n'est pas réactive?
Arslan Ali

2
Dans l'ensemble du projet, ils n'ont pas utilisé l'unité px alors qu'ils les utilisent partout !!!
bawa g

10
L'interface utilisateur sémantique est définitivement réactive. Vous devez mettre à jour votre réponse sinon elle est incorrecte.
Jeriko

3
Cette réponse est définitivement dépassée. Sémantique est réactif.
Lashae

Semantic-UI est né pour le responsive.
Xiao Hanyu le
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.