"CSS 프레임워크"의 두 판 사이의 차이

 
(사용자 2명의 중간 판 7개는 보이지 않습니다)
6번째 줄: 6번째 줄:
*레이아웃, 타이포그래피, 폼 디자인, 버튼 등 웹디자인 요소를 간단히 지정 가능
*레이아웃, 타이포그래피, 폼 디자인, 버튼 등 웹디자인 요소를 간단히 지정 가능


==주요 예시==
==목록==
{| class='wikitable'
{| class='wikitable'
! 프레임워크명 || 약자 || 웹사이트 || 비고
! 프레임워크명 || 약자 || 웹사이트 || 비고
12번째 줄: 12번째 줄:
| 960 그리드 시스템 || || ||
| 960 그리드 시스템 || || ||
|-
|-
| [[부트스트랩]] ★★★ || || http://getbootstrap.com ||
| [[Bootstrap]] ★★★ || || http://getbootstrap.com ||
|-
|-
| [[블루프린트]] || || ||
| [[Bulma]] || || ||
|-
| [[clarity]] || || https://clarity.design || VMware
|-
| [[Foundation]] || || ||
|-
|-
| [[Materialize]] || || http://materializecss.com ||
| [[Materialize]] || || http://materializecss.com ||
|-
| Miligram || || ||
|-
|-
| [[MUI]] || || https://www.muicss.com ||
| [[MUI]] || || https://www.muicss.com ||
|-
| [[Primer]] || || ||
|-
|-
| [[Pure.css]] || || http://purecss.io ||
| [[Pure.css]] || || http://purecss.io ||
|-
|-
| Responsee || || https://www.myresponsee.com ||
| Responsee || || https://www.myresponsee.com ||
|-
| Semantic UI || || ||
|-
| Skeleton || || ||
|-
| [[Spectre]] || || ||
|-
| Susy || || ||
|-
| [[Tacit]] || || ||
|-
| Tailwind CSS || || ||
|-
| [[TOAST UI]] || || https://ui.toast.com/ || NHN
|-
|-
| uikit || uk || http://getuikit.com ||
| uikit || uk || http://getuikit.com ||
37번째 줄: 59번째 줄:
*[[SASS]]
*[[SASS]]


==참고 자료==
==참고==
*https://en.wikipedia.org/wiki/CSS_frameworks
*https://en.wikipedia.org/wiki/CSS_framework


[[분류: CSS]]
[[분류: CSS]]
[[분류: 프론트엔드 프레임워크]]
[[분류: 프론트엔드 프레임워크]]

2022년 3월 11일 (금) 02:17 기준 최신판

1 개요[ | ]

CSS framework
CSS 프레임워크
  • CSS 템플릿을 제공하는 프레임워크
  • CSS 언어를 더 간단히 쓸 수 있게 해주는 프레임워크
  • 레이아웃, 타이포그래피, 폼 디자인, 버튼 등 웹디자인 요소를 간단히 지정 가능

2 목록[ | ]

프레임워크명 약자 웹사이트 비고
960 그리드 시스템
Bootstrap ★★★ http://getbootstrap.com
Bulma
clarity https://clarity.design VMware
Foundation
Materialize http://materializecss.com
Miligram
MUI https://www.muicss.com
Primer
Pure.css http://purecss.io
Responsee https://www.myresponsee.com
Semantic UI
Skeleton
Spectre
Susy
Tacit
Tailwind CSS
TOAST UI https://ui.toast.com/ NHN
uikit uk http://getuikit.com
W3.CSS http://www.w3schools.com/w3css
YUI CSS 그리드

3 같이 보기[ | ]

4 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}