개발자를위한 CSS 스타터 키트 - Shoelace.css

프론트 엔드 개발자는 얻을 수있는 최상의 리소스를 모두 필요로합니다. 보통, 이는 프레임 워크의 맨 위에서 작업하기 부트 스트랩과 같은 것은 기본적으로 모든 것이 들어 있기 때문에.

그러나, 많은 대안과 신발 끈 CSS 당신이 익숙해야 할 한 가지 예입니다..

이 무료 CSS 키트 정말 완전한 프레임 워크가 아닙니다. 대신, 그것은 개발자를위한 스타터 키트 사용자 정의 CSS 스타일을 처음부터 수십 가지로 만들고 싶지 않은 사용자.

언제든지 CSS 재설정을 사용할 수 있지만 각 브라우저의 형식은 동일합니다. 재설정은 더 복잡한 작업을 처리하기위한 표지가 아닙니다., 그게 바로 신발 끈의 요지에요..

그것은 노드에서 실행중인 CLI가있는 패키지 모든 프로젝트와 함께 설치할 수 있습니다. 비록, 그것도 CDN 버전이있다. npm을 사용하고 싶지 않으면.

이 모든 것을 설정하려면 설치 설명서 공식 문서에서. CSS 라이브러리라는 라벨이 붙어 있긴하지만 JavaScript 구성 요소와 함께 제공됩니다., 너무. 이기는 하지만 jQuery에서 실행되는 대부분의, 그래서 당신은 의존성으로서 그것을 포함 할 필요가있을 것이다..

문서를 더 자세히 살펴보면 사용자 정의 페이지 너에게 보여주는 CSS에서 변수를 편집하는 방법. 이를 통해 사용자 정의 구성 요소를 작성하고 기본 끈 스타일을 쉽게 변경할 수 있습니다..

각 구성 요소 디자인에 부트 스트랩 느낌이 있습니다., 그래서 신발 끈은 거의 모든 레이아웃에서 작동합니다..

그러나 그것은 또한 부트 스트랩보다 학습 곡선이 가파르다., 그것은 대중적이지 않기 때문에, 또한 많은 지원을하지 않습니다. 이 글을 쓰는 시점에서 Shoelace는 여전히 v1.0 베타 버전이므로 더 큰 프론트 엔드 프레임 워크를 따라 잡을 시간이 충분합니다..

문서를 간략하게 살펴보면 생산 현장을위한 준비. 신발 끈이 배우고 실행하는 가치가 있다면 그것은 당신에게 달려 있습니다..

엿보기 복사본을 가져 오는 GitHub 레포 그리고 더 많은 설정 정보를위한 온라인 문서. 신발 끈에 대한 질문이나 제안 사항이 있으면 Twitter @claviska의 작성자에게 줄을 지어 줄 수도 있습니다.