댓글 8개
굳이 분류하자면, 960.gs 는 '그리드 시스템' 중 하나입니다.
제 기억이 맞다면, 반응형은 아니고요, 960px 을 기준으로 12개 컬럼을 미리 나눠놓은 형태로 알고 있습니다.
이것을 유동형 (고정된 px이 아닌, 화면폭의 %로 잡는) 으로 바꾼것으로 fluid960 이 있고요.
http://www.designinfluences.com/fluid960gs/
반응형 (화면 크기에 따라서, 작은 화면에서는 컬럼 하나만, 어느 크기 이상에서는 컬럼 6개로 보이도록) 으로 적용한것으로 Foldy960 이 있습니다.
https://github.com/davatron5000/Foldy960
제가 알고 있는 가장 유연한 그리드 시스템은, http://gridpak.com/ 입니다.
(이전에 정리했던 그리드 관련 글: http://sir.co.kr/pb_lecture/179?sca=%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9 )
부트스트랩 처럼 모든 요소들이 들어있는 프레임워크보다는, 레이아웃에 집중한 그리드 시스템(만)을 사용하는 것도 좋은 방법일것 같습니다.
제 기억이 맞다면, 반응형은 아니고요, 960px 을 기준으로 12개 컬럼을 미리 나눠놓은 형태로 알고 있습니다.
이것을 유동형 (고정된 px이 아닌, 화면폭의 %로 잡는) 으로 바꾼것으로 fluid960 이 있고요.
http://www.designinfluences.com/fluid960gs/
반응형 (화면 크기에 따라서, 작은 화면에서는 컬럼 하나만, 어느 크기 이상에서는 컬럼 6개로 보이도록) 으로 적용한것으로 Foldy960 이 있습니다.
https://github.com/davatron5000/Foldy960
제가 알고 있는 가장 유연한 그리드 시스템은, http://gridpak.com/ 입니다.
(이전에 정리했던 그리드 관련 글: http://sir.co.kr/pb_lecture/179?sca=%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9 )
부트스트랩 처럼 모든 요소들이 들어있는 프레임워크보다는, 레이아웃에 집중한 그리드 시스템(만)을 사용하는 것도 좋은 방법일것 같습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 301 | |
| 297 | |
| 292 | |
| 291 | |
| 290 | |
| 288 | |
| 284 | |
| 282 |
반응형화
부트스트랩 4 알파
1
|
| 281 |
반응형화
플레스박스_1
|
| 276 |
반응형화
테마 지원 후엔
4
|
| 264 |
반응형화
반응형 디자인
11
|
| 251 |
반응형화
여러분들은 반응형 작업하실 때!
12
|
| 239 | |
| 237 | |
| 234 |
반응형화
의무와 재미 사이
2
|
| 226 |
반응형화
부트스트랩 초보 질문~!
7
|
| 224 |
반응형화
플렉스박스 어렵네요..
1
|
| 223 |
반응형화
[하루한글] 반응형 이미지
|
| 220 |
반응형화
[하루한글] 엘리먼트 쿼리
2
|
| 216 |
반응형화
[하루한글] 웹 컴포넌트
3
|
| 211 | |
| 203 |
반응형화
Polymer에서의 반응형 웹
7
|
| 194 | |
| 190 | |
| 179 | |
| 168 | |
| 157 |
반응형화
부트스트랩 vs 파운데이션
10
|
| 154 |
반응형화
스타일 가이드, 패턴 라이브러리
2
|
| 148 |
반응형화
반응형 웹 in 2015
5
|
| 142 |
반응형화
안녕하세요
5
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기