반응형
CSS 프레임워크 하면 부트스트랩 밖에 몰랐는데 굉장히 많은 것들이 존재하고 있었다.
HTML5LAB 에서 추천한 Semantic UI 프레임워크를 둘러봤다.
명칭에 걸맞게 다양한 디자인의 UI가 많았다. 부트스트랩보다 더 세분화된 디자인이 많은 것 같다.
뭐랄까 요즘 자주쓰이는 디자인들이 템플릿화 되어 있어서 편리한 느낌이다.
예제 중 눈길을 끌었던 것을 몇가지 소개한다.
#Divider
보통 회원가입 폼에서 자주쓰이는 세로 구분자(Vertical Divider)이다. 코드를 보면 굉장히 명료하다. Semantic UI 답다.
#Step
회원가입이나 결제 페이지에서 주로 사용되는 스텝 UI
이렇게 템플릿화 되어있으니 참 좋다.
#주요 UI 예제
[참고] CSS 프레임워크 40개
[참고] http://semantic-ui.com/
반응형
'개발일지 > CSS' 카테고리의 다른 글
[CSS] CSS Reset (0) | 2015.06.23 |
---|---|
[CSS] :lang() 다국어 설정 CSS 셀렉터 (0) | 2015.06.11 |
[CSS] 취소선 (text-decoration:line-through) (1) | 2015.06.01 |
[CSS] 텍스트에 외부 광선 효과 주기 (text-shadow) (0) | 2015.05.19 |
[CSS] slideToggle() 가 제대로 동작되지 않을 때 (0) | 2015.04.28 |