반응형으로 검색을 하다가 좋은 프레임웍이 있어 소개합니다.

바로 320 and Up 입니다.


장점은 뭐냐?

1. 미디어쿼리: 480,600,768,992,1382 등에 맞쳐 미디어쿼리를 만들어놓았습니다.

2. 컬러, texture, 타이포그래피 등을 레이아웃과 분리하여 작성하여 두었습니다.

3. 부트스트랩의 버튼, 폼, 테이블 스타일을 사용할 수 있습니다.

4. Modernizr, Selectivizr 과 responsive type tester 그리고 design tester 등을 사용할수 있도록 했습니다.

5. LessSass 를 사용할 수 있습니다.


다운로드해서 index.html 을 보면 HTML5 Boilerplate 를 사용한것을 볼 수 있습니다.






그리드 시스템은 frameless 를 사용합니다.


색상



부트스트랩의 버튼, 테이블....






아주 다양한 것을 사용할 수 있고 less, sass 는 믹스인처리되어 있어서 커스터마이징할 수 도 있습니다.


홈페이지 -> http://stuffandnonsense.co.uk/projects/320andup

저장소 -> https://github.com/malarkey/320andup/