탑 코트 - 번개 빠른 CSS 프레임 워크 개발자가 좋아할 것

프론트 엔드 프레임 워크를 선택할 때 일반적으로 미학을 먼저 살펴볼 것입니다. 그리고 나를 잘못 이해하지 마라, 미학은 중요하다.!

그러나 귀하의 웹 사이트 성능은 설계와 마찬가지로 유용성에 결정적입니다. 당신의 페이지의. 부트 스트랩과 같은 많은 프레임 워크에서는 성능이나 디자인 만 선택할 수 있으며 드물게 둘 다 선택할 수 있습니다.

탑 코트는 다릅니다. 집중하는 동안 유용성을 염두에두고 설계되었습니다. 무겁게 성능에. 실제로 Topcoat는 성능 테스트를 거쳤으며 모든 새로운 구성 요소가 속도 시험을 실행하여 가장 빠른로드 시간을 보장합니다.

Topcoat의 멋진 점은 너무 가볍거나 미니멀 한 느낌이 들지 않는다는 것입니다..

너는 아직 가지고있다 버튼에서 탭까지 구성 요소의 거대한 라이브러리에 대한 액세스, 체크 박스, 양식 필드 및 on / off 스위치 (다른 많은 요소들 사이에서).

이 라이브러리에는 CSS 및 JS 파일이 포함되어 있으므로 페이지에 포함시켜 작업 할 수 있습니다. Twitter의 Bootstrap보다 복잡한 것은 아니지만 분명히 복잡한 것은 아닙니다..

구성 요소 라이브러리가 Bootstrap의 것보다 작게 느껴질 수 있고 더 가볍도록되어 있습니다. 그러나 페이지 구조는 Topcoat을 새로운 사이트의 훌륭한 프레임 워크로 만드는 탁월한 도구입니다. 속도에 신경 써라. 먼저.

Topcoat은 BEM 명명 규칙을 사용합니다.이 규칙은 코드를 구성하는 데 사용되는 많은 인기있는 CSS 작성 스타일 중 하나입니다. 이것은 Topcoat의 스타일 시트를 확장하기를 원한다면 배우기가 힘들지 만, 코딩 과정을 상당히 정리할 것입니다..

또한 Topcoat을 사용하면 페이지 구성 요소를 편집하거나 재 설계하려는 경우 PSD 파일에 대한 모든 액세스 권한을 얻을 수 있습니다. 정말 멋진!

모든 것 사용자 정의 아이콘 세트에 대한 사용자 정의 스타일이 Topcoat과 함께 제공됩니다.. 성능에 중점을두고 찾을 수있는 가장 깨끗한 프론트 엔드 프레임 워크입니다..

자세한 내용은 Topcoat 웹 사이트를 방문하여 설치 지침에 대한 기본 GitHub 저장소를 확인하고 소스 파일에 대한 링크를 다운로드하십시오.

트위터 계정 @topcoat에서 팀과 생각을 공유 할 수도 있습니다..