Spectre.css - 경량 Flexbox 기반 반응 형 CSS 프레임 워크

네가 잠수하고 싶으면 플렉스 박스 레이아웃 그러면 이제 시작할 수있는 가장 좋은 시간입니다. 최신 브라우저 Flexbox 속성을 최종 승인 함 더 많은 개발자가 작업에 참여하고 있습니다..

하지만, 왜 처음부터 시작할 수 있습니까? 재사용 가능한 코드를 기반으로 구축? Spectre.css Flexbox를 처음 접한다면 가장 좋은 프레임 워크 중 하나입니다..

이 무료 오픈 소스 프레임 워크는 기능 그리드 시스템 과 일반적인 플렉스 박스 특성. 그것 Gulp에 의존 어떤 컴퓨터에서나 CSS를 컴파일하고 실행하기 위해.

또한 덜 사용함 Spectre를 만들 수있는 Sass 대신 모든 사용자가 사용할 수있는 훌륭한 선택입니다..

npm에서 한 번 다운로드하면 필요한 모든 것이 제공됩니다. CSS 아이콘, 믹스 인, 변수, 그리고 당신이 전형적인 CSS 프레임 워크에서 기대할 수있는 것.

모든 코드는 완전 의미 론적 과 모든 HTML 텍스트 요소를 지원합니다., 더 새로운 것조차 . 텍스트 스타일 동아시아 글꼴 지원 중국어, 일본어, 한국어와 같은 언어 사용.

찾을 수 있습니다. 수많은 예제 ~에 “집단” 어느 쪽인지 디자인 샘플 목록 텍스트, 버튼, 표, 아이콘 및 웹 양식 (다른 것들 중에서).

유령도 함께 제공됩니다. 구성 요소 톤 처음부터 코딩에 소비 한 시간을 절약 할 수 있습니다.. 동적 기능, 와 같은 팝 - 오버 과 드롭 다운 메뉴, 몇 줄의 코드 만 있으면 어떤 레이아웃에도 쉽게 추가 할 수 있습니다..

이 프레임 워크는 여전히 꽤 새로운 항상 변화를 겪고 있습니다. 이 글을 쓰는 시점에서, Spectre는 v0.2 ~하고있다. 많은 실험 기능 당신은 시도 할 수 있습니다.

그러나 기본 구성 요소, 페이지 요소 및 표는 완전한 기능의 과 라이브 프로덕션 사이트 준비. Spectre는 Flexbox 그리드의 Less에서 실행되는 최고의 CSS 프레임 워크 중 하나입니다..

자세히 알아보고 시작하려면 문서 페이지 설치 및 설정 다루기.

코드 복사본을 다운로드 할 수도 있습니다. GitHub에서 바로 문서화를위한 작은 섹션도 있습니다. 그리고 생각을 공유하고 싶다면 @spectrecss 공식 계정을 트윗 할 수 있습니다..