Semantic은 테마를 지정하기 위해 설계된 UI 프레임워크입니다.
주요 특징
Semantic을 사용하면 개발자는 간결한 HTML , 직관적인 자바스크립트 및 단순화된 디버깅을 통해 아름다운 웹 사이트를 빠르게 구축할 수 있어 프런트 엔드 개발을 즐거운 경험으로 만들 수 있습니다. Semantic은 웹 사이트가 여러 장치에서 확장될 수 있도록 반응적으로 설계되었습니다. Semantic은 프로덕션 준비가 되어 있으며 React , Angular , Meteor 및 Ember 와 같은 프레임워크와 파트너 관계를 맺고 있습니다. 즉, 이러한 프레임워크와 통합하여 애플리케이션 로직과 함께 UI 레이어를 구성할 수 있습니다.
이제 Semantic UI가 Node 18 및 Gulp 4와 호환됩니다.
이슈 트래커를 체계적으로 정리할 수 있도록 도와주세요. 특정 JSFiddle 테스트 사례(버그 보고서)가 포함되지 않은 기술적인 질문이나 기능 요청의 경우 StackOverflow를 사용하여 해결책을 찾으세요.
GitHub 문제에 게시해야 하는 내용에 대한 자세한 내용은 기여 가이드를 참조하세요.
npm install semantic-ui # Use themes, import build/watch tasks into your own gulpfile.
시맨틱 UI에는 프로젝트 설정을 돕는 대화형 설치 프로그램이 포함되어 있습니다.
환경 | 스크립트 설치 | 레포 |
---|---|---|
CSS만 | npm install semantic-ui-css | CSS 저장소 |
적게만 | npm install semantic-ui-less | 적은 레포 |
더 적은 플러그인 | npm install less-plugin-semantic-ui | 적은 플러그인 저장소 |
EmberJS | ember install:addon semantic-ui-ember | 엠버 레포 |
유성 - 적게 | meteor add semantic:ui | 유성 레포 |
유성-CSS | meteor add semantic:ui-css | CSS 저장소 |
나무 그늘 | bower install semantic-ui |
더 많은 옵션을 보려면 통합 위키를 확인하세요.
일부 구성 요소는 IE9에서 작동하지만 그리드 및 기타 Flexbox 구성 요소는 IE9에서 지원되지 않으며 올바르게 표시되지 않을 수 있습니다.
GitHub 문제에 사용법 질문을 게시하지 마세요 . 이러한 유형의 질문에 대해서는 Gitter 채팅룸이나 StackOverflow를 사용하세요.
GitHub Issues는 개선 사항을 제안하고 버그를 보고하기 위한 것입니다. 버그를 제출하기 전에 다음을 수행하십시오.
풀 리퀘스트를 추가할 때 반드시 다음 브랜치에 병합하세요. next
릴리스에서 수정 사항을 시연해야 하는 경우 이 JSFiddle을 사용할 수 있습니다.
rtl
선택하여 빌드 도구를 사용하여 RTL 버전을 생성할 수 있습니다.의지 | 설명 |
---|---|
버그 및 기능 요청 | 모든 버그 제출에는 테스트 사례에 대한 링크와 문제를 재현하기 위한 일련의 단계가 필요합니다 . 이 JSFiddle을 포크하여 테스트 사례를 만든 다음 GitHub 문제에 버그 보고서를 제출할 수 있습니다. |
라이브 채팅 | Gitter.im 룸에 참여하세요 |
뉴스레터 업데이트 | semantic-ui.com에서 업데이트를 신청하세요 |
추가 리소스 | StackOverflow에 질문을 제출하거나 Google 그룹에 문의하세요. |
프로젝트 | 돕는 방법 | 다음 단계 |
---|---|---|
현지화 | Semantic UI를 귀하의 언어로 번역할 수 있도록 도와주세요 | 번역 커뮤니티에 참여하세요 |
SCSS | SASS는 @import 내부의 변수를 지원하기 위해 PR이 필요합니다. | #739에 대한 Pull Request 추가 |
모난 | 각도 바인딩 개발 지원 | GitHub 문제에 문의 |
가이드 및 튜토리얼 | 가이드 및 튜토리얼 작성 지원 | 토론에 참여하세요 |
Semantic에 대한 대화를 시작하고 싶다면 [email protected]으로 이메일을 보내주세요.