CSS Mint UI Kit로 다채로운 평면 웹 사이트 구축

오픈 소스 프론트 엔드 UI 키트 개발 커뮤니티의 모든 분노입니다. 그리드 배치, 페이지 요소 스타일 지정 및 드롭 다운과 같은 동적 구성 요소 추가의 모든 측면에서 시간을 절약합니다..

평평한 디자인을 사용하는 키트는 많이 있지만 거의 가까이에있는 키트는 없습니다. CSS 민트. 이 100 % 무료 오픈 소스 UI 킷은 모든 프로젝트와 상상할 수있는 모든 유형의 웹 사이트에서 훌륭하게 작동합니다..

CSS Mint의 핵심에는 라이브러리 표준화 다른 맞춤 재설정과 함께 이것은 모든 크로스 브라우저 문제 및 버그 스쿼시 전체 코드베이스를 일관되게 유지하기.

모든 CSS 코드는 다음과 같습니다. OOCSS 원칙, 기존 코드베이스를 추가 (또는 커스터마이징)하기 쉬운 시간을 가져야합니다..

시작하려면 CSS Mint 스타일 시트를 추가하십시오. 귀하의 프로젝트에. Bower 또는 CDN 링크를 통해 설치하거나 GitHub에서 사본을 다운로드하면 로컬로 호스팅 할 수도 있습니다..

새 웹 페이지를 만들면 표준 호환 HTML5 코드를 따르게됩니다. 그리드 시스템은 컨테이너를 기반으로합니다.

집단. 대부분의 기본 요소 (예 :

아르 완전히 스타일링 된, 와 다양한 레이아웃을위한 선택적 클래스.

상자 밖에서는 다음과 같은 클래스를 찾을 수 있습니다. 버튼, 인쇄술, 탐색 메뉴, 양식 입력 과 부유 한 페이지 요소 카드와 같은 데모 페이지에는 코드 스 니펫도 포함 된 많은 예제가 있습니다..

프레임 워크는 지속적으로 업데이트되고있다. 새로운 스타일과 추가 기능으로 민트는 장거리 이동이 가능할 것입니다..

그것은 Sass와 Less 프레임 워크만큼 많은 컨트롤을 제공하지 않지만 Mint의 아름다움은 단순함에 있습니다. 스타일 시트를 페이지에 추가하기 만하면됩니다.!

자세한 내용은 GitHub 레포 다운로드 링크 및 설치 지침. 그리고 트위터 @ amdsouza92에서 제작자 인 Arun Michael Dsouza와 자신의 생각을 공유 할 수 있습니다..