Puppertino - 애플의 휴먼 가이드라인 기반 CSS 프레임워크 (github.com/codedgar)

Puppertino - 애플의 휴먼 가이드라인 기반 CSS 프레임워크를 소개합니다.

깃허브에서는 아래와 같이 소개하고 있군요..

Hi! Welcome to Puppertino! Puppertino is a framework meant to mimic the look of macOS and follow the human guidelines. Puppertino is a Framework created to be lightweight, modular, and cool looking!

한마디로, Puppertino는 애플의 휴먼 가이드라인 기반 CSS 프레임워크라고 머릿속에 넣어두시면 되고요..

아래는 현재 포함된 컴포넌트들입니다. 

Current Components

Puppertino currently includes:

• Buttons
• Switches
• Actions
• Form Elements (Inputs, select, form validation)
• Modals
• Icons
• Font Layout
• Segmented Controls
• Tabs
• Shadows
• NEW! Dark Mode
• Color Palette

사용방법은 아래와 같고요..

Usage

You can use Puppertino in 3 ways (for now):

1. You can download the newfull.css file located in the /dist/ directory. Download this if you are sure that you need at least half of the elements that are present in Puppertino.
2. Download every component CSS that you need from the /dist/ folder. Such as buttons or form elements or other components. While it maybe tedious to download them one by one, this can help you to save some KBs in your website. :)

그리고, 아래는 Puppertino 관련 특징을 간단하게 요약해보았습니다.

• macOS 의 모습을 모방하고, 애플 HIG를 그대로 따르는 경량/모듈러 프레임워크
• 현재 포함된 컴포넌트들
  → 버튼, 스위치, 액션, Form, 모달, 아이콘, 폰트 레이아웃, 탭, 섀도우, 다크모드, 컬러 팔레트,..
• 반응형 시스템은 없으므로 Bootstrap, Flexbox Grid, Skeleton 같은 것을 사용해야함

그리고 라이센스가 궁금해서 알아보니깐요..

(MIT 라이센스군요..)

License

Puppertino is free to use and abuse under the open-source MIT license.

좀 더 자세한 사항은 아래 깃허브페이지를 참고하시면 될것 같네요..

오늘의 블로그는 여기까지고요..
항상믿고 봐주셔서 감사합니다.