Wing - 최소한의 CSS 프레임 워크 웹 디자이너가 원하는

프론트 엔드 생태계가 가득합니다. 오픈 소스 프레임 워크 개발 프로세스를 개선하기 위해 만들어졌습니다. 일반적으로 모든 사람들은 이러한 프레임 워크와 다른 것을 원합니다. 어떤 사람들은 미학 다른 사람들은 원한다. 속도 또는 유용성.

비행 새로운 프레임 워크이자 미니멀리스트의 가장 친한 친구입니다. 그것은 함께 제공됩니다. 기본 그리드 설정, 맞춤 요소, 과 총 5KB의 구성 요소.

날개에 관한 가장 중요한 부분은 기본 요소에 대한 자동 스타일 지정. Wing CSS 스타일 시트를 프로젝트에 드롭하면 즉시 변경 사항을 알 수 있습니다..

기본 텍스트, 링크 및 페이지 요소 자동으로 스스로 형성 Wing의 디자인을 기반으로합니다. 당신은 또한 수 너의 자신의 여분 종류를 추가하십시오 더 많은 미학을 페이지에 추가하기.

윙은 960 픽셀 그리드 시스템 ~을 사용하여 12- 칼 구조. 이것은 매우 간단한 설정이며 960 픽셀 격자는 일반적으로 오늘날의 와이드 스크린 잠재 고객에게 너무 작은 것으로 간주됩니다. 그러나, 당신이 더 작은 웹 사이트를 좋아하는 경우에 이것은 우수한 선택이다.

http://usewing.ml/은 간단하고 다음과 같습니다.

 
 
1
 
2
 
삼
 
 

다음을 포함 할 수 있습니다. 윙의 전체 사본 Unpkg CDN에서. 파일을 최신 버전으로 유지하므로 파일 이름을 변경할 필요가 없습니다. 다만 이 URL을 헤더에 추가하십시오. 현재 Wing 프레임 워크에 대한 전체 액세스 권한을 갖게됩니다..

또는 패키지를 다운로드 할 수 있습니다. npm 경유 또는 출처의 사본을 가져 오십시오. GitHub에서 바로.

나는 훨씬 더 작은 CSS 프레임 워크 인 Normalize.css와 Wing을 비교할 것이다. 리셋 라이브러리. 실제로 날개 기본 스타일 제공 Normalize.css는 모든 브라우저에서 동일하게 작동하도록 요소를 재설정합니다..

둘 다의 아름다움은 당신이 가지고있는 것입니다. 완전한 통제하에있는 에 편집하다, 스타일, 과 다시 포맷 그러나 당신이 적합하다고 생각하는 페이지.

모든 문서 및 코드 스 니펫 Wing의 홈페이지에서 찾을 수 있으므로 사이트 설정 방법을 모르는 경우 해당 가이드를 사용하십시오..