Semantic-ui vs Bootstrap [닫기]


107

사용하기에 가장 좋은 방법이며 가능하면이 두 가지의 차이점과 장점을 제공하십시오.

Semantic-ui vs Bootstrap UI를 구축하려고하는데 무엇을 사용해야할지 혼란스러워합니다.

저에게 가장 좋은 것을 제안하고 가능한 경우 예를 들어주십시오.

답변:


62

지금은 BootstrapSemantic-UI 의 차이점을 볼 수 없다고 생각합니다 . Semantic-ui는 새롭기 때문에 시간을 결정해야합니다. :)

내 의견 : Semantic-UI 디자인은 Bootstrap보다 낫고 더 깨끗하고 사용하기 쉽고 엄격한 코딩, 유용한 구성 요소, 경량입니다. Semantic-UI에서 프레임 워크의 미래를 볼 수 있으므로 최선을 다해 기여하고 희망하지만 엄청난 피드백과 지원에 의존하는 큰 프로젝트에는 사용하지 않을 것입니다!


2
특히 "큰 피드백과 지원에 의존하는 큰 프로젝트에는 사용하지 않을 것"에 대한 귀하의 의견이 정말 마음에 듭니다. 내가 배를 뛰어 넘 으려했기 때문이다.
windmaomao

2
2 년 전만해도 Semantic UI는 Bootstrap보다 더 가벼워 보였습니다. 하지만 이제 살펴 보겠습니다 ...
Han

3
글쎄, 나는 처음으로 semantic-ui를 사용할 것이고, 큰 프로젝트에있을 것입니다. 내가 보는 것은 꽤 잘 처리 될 것이라고 확신합니다.
페드로

31

괜찮다면이 주제에 Foundation by Zurb를 추가합니다 (현재 Bootstrap의 유일한 유효한 대안).

방금 프로젝트 / 프레임 워크 SemUI를 확인했는데 꽤 굉장합니다. 엄격한 시맨틱 방식으로 페이지를 구축한다는 아이디어는 분명히 좋으며, 제 생각에는 디자인이 놀랍고 세트에서 사용하고 선택할 많은 구성 요소와 설정이 있습니다.

내가 알아 차린 또 다른 점은 패키지가 매우 잘 조직되어 있으며 원하는 경우 모든 구성 요소에 자체 스타일 시트와 스크립트 파일이 있으므로 포함하면 패키지가 상당히 무겁기 때문에 필요한 것만로드 할 수 있습니다. 모든 것이 한 페이지에 있습니다.

시험판의 경우 이러한 프레임 워크를 사용하여 다음 웹 앱을 구축 할 것을 고려하고 있음을 인정하지만 몇 가지 어려움이 있습니다.

  • 부트 스트랩이나 파운데이션처럼 모바일 우선인가요? 제가 볼 수있는 것은 그렇게 보이지 않습니다.
  • Bootstrap에는 두 명의 유효하고 잘 알려진 기여자가 있으며 Foundation은 Zurb를 지원했습니다. SemanticUI는 어떻습니까? 이건 프리 릴리즈인데 다른 버전도 볼 수 있을까요?

이러한 난이도 때문에 지금은 비즈니스 / 상업용 프로젝트에 사용하지 않는 것이 좋을 것 같습니다. 아마도 가까운 장래에 사용할 수 있습니다. 꽤 좋은 선택이라고 생각합니다.

그런 다음 어떤 이유로 든 부트 스트랩으로 대체하고 싶다면 그렇게 고통스럽지 않다고 생각합니다 (많은 시맨틱 구성 요소가 부트 스트랩을 기반으로하는 것 같습니다).


5
SemUI는 이름에 의미가 있음에도 불구하고 Foundation 및 Bootstrap과 같은 표현 클래스 이름을 사용한다는 점에 주목할 가치가 있습니다. 나는 클래스 이름이 덜 추상적이지만 같은 방식으로 표현된다는 데 동의합니다. 관심이 있다면 Foundation 3/4를 사용하면 Sass Mixins를 사용하여 진정한 의미의 html / css를 만들 수 있습니다. "콘텐츠"를 기반으로 ID를 설정 한 다음 Sass / Scss의 해당 ID에 Foundation Sass Mixins를 적용 할 수 있습니다.
JAMESSTONEco 2013-09-27

4
semanticUI의 구성 요소 디자인은 눈길을 끕니다. 그러나 semanticUI는 브라우저 호환성의 경우 부트 스트랩 뒤에 있습니다. 부트 스트랩은 IE 7 이상과 호환되지만 semanticUI는 IE 9 이상과 만 호환
McLosys Creative 2014

12
@McLosysCreative 솔직히 말하자면, 그것은 부트 스트랩의 단점으로 더 많이 볼 수 있습니다. 나는 모든 HTML / CSS 프레임 워크가 상당한 양의 브라우저 호환성을 가져야한다는 데 동의합니다. 이 시점에서 IE7은 8 년이 지났고 4 개의 주요 버전이 뒤쳐져 있습니다. Google조차 더 이상 공식적으로 지원하지 않습니다. (공식적으로 상위 5 개 브라우저의 최신 3 개 버전 만 지원합니다.)이를 염두에두고 그 이전을 지원하기 위해 노력과 추가 코드가 낭비되는 것 같습니다.
Nicholas Summers

-19

시맨틱 UI는 실제로 Bootstrap 및 Foundation과 같은 모바일 또는 반응 형 뷰를 처리하지 않습니다. Bootstrap / Foundation보다 우수한 의미 체계 마크 업과 함께 잘 작동하는 미리 패키지 된 UI 요소 모음과 비슷합니다. 그러나 현재 가장 큰 단점은 모바일 중심이 아니라는 것입니다. 따라서 스타일이 좋은 사이트를 원한다면 Semantic-UI를 사용하십시오.


1
Semantic-UI가 응답하지 않습니까?
Arslan Ali

2
전체 프로젝트에서 그들은 어디서나 em을 사용하는 동안 px 단위를 사용하지 않았습니다 !!!
bawa g

10
시맨틱 UI는 확실히 반응합니다. 답변을 업데이트해야합니다. 그렇지 않으면 틀립니다.
Jeriko

3
이 답변은 확실히 구식입니다. 시맨틱은 반응합니다.
Lashae 2015

Semantic-UI는 반응 형을 위해 탄생했습니다.
Xiao Hanyu
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.