홈페이지 » 툴킷 » Picnic CSS Lightweight CSS 라이브러리로 웹 프로젝트 킥 스타트

    Picnic CSS Lightweight CSS 라이브러리로 웹 프로젝트 킥 스타트

    일부 개발자는 기능이 풍부한 스타일을 위해 Bootstrap과 같은 자세한 UI 라이브러리를 선호합니다. 그러나 많은 CSS 라이브러리가 미묘한 디자인 미학맞춤 설정.

    당신이 작지만 세련된 CSS 라이브러리 나는 추천한다. 피크닉 CSS. 완전히 무료이며 오픈 소스이며 단순하면서도 우아한 스타일로 페이지를 재밌게 편집 할 필요가 없습니다..

    모든 기본 HTML 요소는 다음과 같습니다. 기본적으로 재 스타일링 됨, 그래서 당신은 수업에 의지 할 필요조차 없습니다. Picnic 스타일 시트를 웹 페이지에 추가하고 새로 고침하십시오. 모든 양식, 단추 및 활자체 요소가 모두 새로운 모양으로 나타납니다..

    그러나 물론,이 도서관 모듈 식 디자인을 지원합니까? 모든 항목을 사용자 정의 할 수있는 옵션이 있습니다. 그 모든 것은 Sass로 쓰여졌다., 그래서 당신은 정말로 코드를 작업하기 위해 Sass 개발자 여야합니다..

    스타일 요소 및 페이지 요소 색칠에 사용되는 모든 기본 활판 인쇄, 클래스, 그리드 시스템 및 변수에 액세스 할 수 있습니다..

    Picnic CSS는 믿을 수 없을 정도로 작게 지어졌습니다. 크기가 10KB 밖에되지 않습니다. 축소 될 때. 약 1/10입니다. 부트 스트랩은 여전히 ​​사용자 정의 UI 프레임 워크에서 기대할 수있는 모든 매력을 가지고 있습니다..

    이 라이브러리는 작은 라이브러리이므로 동적 기능이 없습니다.. 그러나 테스트 페이지에서 단추, 머리글, 카드, 입력, 탭 및 기타 유사한 요소가 포함 된 예제를 볼 수 있습니다.

    모달 및 탭과 같은 일부 동적 요소, 순수한 CSS로 작업. 따라서 JavaScript를 완전히 무시함으로써 규정을 준수하는 웹 사이트를 구축 할 수도 있습니다. 정말 멋진!

    나는 기본 픽크닉 스타일이 약간의 재치있는 것으로 생각하여 약간의 보정을 사용할 수 있습니다. 그러나 전반적으로, 나는이 라이브러리를 좋아하며 오른발에 새로운 프로젝트를 시작하는 가장 간단한 방법 중 하나입니다.

    시작하려면 Picnic CSS GitHub 페이지를 방문하십시오. 사본 다운로드일부 샘플보기. 당신은 또한 수 온라인 문서 찾아보기 각 요소가 작동하는 방식과 모든 요소를 ​​실행하는 데 필요한 요소를 보려면.

    피크닉도 그렇다. CDN에서 사용 가능, 따라서 시작하기 위해 파일을 로컬로 다운로드 할 필요가 없습니다..