Skip to content

Latest commit

 

History

History
78 lines (47 loc) · 2.12 KB

[예시] CSS framework.md

File metadata and controls

78 lines (47 loc) · 2.12 KB

CSS framework


css 프래임워크는 개발자들이 웹디자인을 보다 더 쉽고 빠르게 만들 수 있게 도와준다.


CSS framwork


CSS framwork를 사용하는 이유

  • 개발 속도를 빠르게해준다.
  • 크로스 브라우징 기능을 가능하게 해준다.
  • 좋은 웹디자인 습관을 적용시켜준다.
  • 깔끔하고 시멘틱한 레이아웃을 만들게 해준다.
  • 스타일의 작업흐름을 생산적이고 깔끔하고, 유지보수가 좋게 만들어준다.

2021년 기준 Best CSS Framworks(출처 dev community)


1. Tailwind CSS

테일윈드는 커스텀마이징이 굉장히 높게 구현되어 졌다.

low-level utility first CSS framwork로써 개발자가 원하는 초기계획대로 개발을 할수있고, 오버라이드 하는 걱정없이 개발할 수 있다.


부트스트랩또는 매트리얼 CSS와 같은 다른 CSS framworks와 다르게,

미리 정의되어진 컴포넌트들이 있지 않다.

그대신에 lower level로 작동을 하고 이미 CSS 스타일이 적용되어진 클래스를 제공해준다.

이러한 클래스들을 사용함으로써 개발자가 보다 쉽게 개발을 손쉽게 할 수있다.

따라서 독특한 디자인을 만들수있다는 장점이 있다.


Tailwind를 사용해야 하는 이유

  • 테마 기본값이 없다.
  • 결정되어진 디자인을 강요하지 않는다는 점이 있다.
  • 이미 스타일이 있는 id를 통해 커스텀 디자인을 제공한다.
  • 사이트를 더 쉽게 만들 수 있는 컴포넌트 위젯들도 제공한다.

  • Release date: November 2, 2017
  • Git star, Forks, Contributors: 27.1k, 1.3k, 255
  • Hacker News, Reddit, Stack overflow: h, 245,525
  • License: MIT
  • No. of sites: 11,671
  • Documentation: Good
  • Core concept: Utility first, responsive
  • Grid: Flexbox
  • Browser Support: All modern browser

2. Boostrap

3. materialize

4. Bulma


참고