250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tags
- ipad
- 풀스택
- 비전공 개발자
- 비전공자
- iPhone
- IOS
- php
- effect
- CSS
- Animation
- front-end
- hover
- 애니메이션
- MAC
- css3
- SWIFT
- iOS 개발자
- jQuery
- javascript
- HTML
- 백엔드
- button
- html5
- react
- xcode
- 프론트엔드
- keyframes
- 개발자
- image
- 자바스크립트
Archives
- Today
- Total
비전공자 개발일기
CSS BULMA, TAILWIND 본문
728x90
SMALL
BULMA
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
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
'HTML _CSS' 카테고리의 다른 글
| HTML & CSS -Publishing2 (0) | 2021.10.08 |
|---|---|
| HTML & CSS -Publishing (0) | 2021.10.06 |
| HTML Checkbox 2 (0) | 2021.09.03 |
| HTML Checkbox (0) | 2021.09.02 |
| HTML CANVAS (0) | 2021.08.31 |
'HTML _CSS' Related Articles
more
