HTML _CSS

CSS BULMA, TAILWIND

HiroDaegu 2021. 9. 17. 00:31
728x90
SMALL

BULMA

https://bulma.io/

 

Bulma: Free, open source, and modern CSS framework based on Flexbox

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

bulma.io

CSS만을 위한 프레임워크

 

1. JQuery를 사용하지 않기 때문에 Bootstrap보다는 조금은 이해가 쉬운 클래스

2. 쉬운 CUSTOMIZE

3. 내가 작성한 CSS와 충돌이 없음

4. 브라우저 호환성이 낮음

 

<!-- 설치 -->
npm install bulma

 

TAILWIND

https://tailwindui.com/

 

Tailwind UI

Beautiful UI components by the creators of Tailwind CSS.

tailwindui.com

 

1. 스타일 코드가 HTML 안에 있음

2. 직관적인 클래스 명

3. Javascript와 분리되어 있음

4. HTML, CSS 정체성 혼란(HTML = 구조 / CSS = 디자인)

<!--설치-->
npm install tailwindcss@latest postcss@latest autoprefixer@latest

 

 

 

 

 

 

728x90
LIST