[CSS] CSS Framework - Semantic UI

CSS 프레임워크 하면 부트스트랩 밖에 몰랐는데 굉장히 많은 것들이 존재하고 있었다.

HTML5LAB 에서 추천한 Semantic UI 프레임워크를 둘러봤다.

명칭에 걸맞게 다양한 디자인의 UI가 많았다. 부트스트랩보다 더 세분화된 디자인이 많은 것 같다.

뭐랄까 요즘 자주쓰이는 디자인들이 템플릿화 되어 있어서 편리한 느낌이다.

예제 중 눈길을 끌었던 것을 몇가지 소개한다.

#Divider

보통 회원가입 폼에서 자주쓰이는 세로 구분자(Vertical Divider)이다. 코드를 보면 굉장히 명료하다. Semantic UI 답다.

#Step

회원가입이나 결제 페이지에서 주로 사용되는 스텝 UI

이렇게 템플릿화 되어있으니 참 좋다.

#주요 UI 예제

[참고] CSS 프레임워크 40개

[참고] http://semantic-ui.com/