시맨틱 UI로보다 신속하게 대응할 수있는 웹 사이트 구축

부트 스트랩과 같은 프론트 엔드 프레임 워크는 여전히 분노하고 있습니다. 선택할 수십개의 훌륭한 선택이 있지만 최근에 내 관심을 끌었던 것은 시맨틱 UI.

이 라이브러리가 수년 동안 사용되어 왔으며, 몇 년 전으로 거슬러 올라갑니다. 그러나 버전 2.2의 최신 릴리스 많은 기능이 추가되었습니다. 시맨틱이 장기간에 걸쳐 움직일 것이라는 것을 증명합니다..

수십개의 CSS 변수, 간단한 응답 클래스, 과 쉬운 설치 레이아웃, 시맨틱 UI를 직접 사용해도 문제가 없습니다..

그만큼 간단한 클래스 이름과 격자 구조 이 프레임 워크에 실제로 의미를 부여합니다. “시맨틱”. 수업은 매우 합리적인 수준이며 멀리서도 쉽게 읽을 수 있습니다..

그것은 심지어 함께 제공됩니다. 동적 페이지 요소에 대한 jQuery 지원 예를 들어 캐 러셀 및 드롭 다운 선택 메뉴.

태양 아래의 모든 HTML 요소는 맞춤 기능 및 완벽한 기능 시맨틱 UI. 여기에는 HTML5 요소와 등급 및 맞춤 탭과 같은 추가 기능이 포함됩니다..

하지만 아마도 시맨틱의 가장 중요한 부분은 테마 설정. 사전 설계된 스타일과 동적 요소를 많이 얻었을뿐만 아니라 너 자신을 다시 꾸미다 시맨틱 (Semantic) 코드 상단에 구축.

전체 라이브러리 합계 3,000 개 이상의 주제 변수 Sass에서 변경하거나 자신의 스타일 시트를 확장하여 변경할 수 있습니다. 또한 시맨틱 UI는 다음과 같이 패키지로 제공됩니다. 9 개의 기본 테마:

이것들은 단지 빙산의 일각에 지나지 않으며 더 많은 행동을합니다. 나만의 테마를 디자인하기위한 출발점.

새로운 랜딩 페이지 나 맞춤 웹 사이트를 처음부터 만들려면 시맨틱 UI 작업을 진지하게 고려하십시오. 그것은 완전히 무료이며 오픈 소스입니다. 훌륭한 문서 온라인.

탐색 할 수 있습니다. 레이아웃 스타일, 와 함께 모든 주요 요소 및 맞춤형 테마 가이드.

그리고, 소스 코드의 사본 GitHub에서 직접 가져온 것입니다. 초보자를위한 가이드.