지운아빠 2012.04.25 19:58:56 감사합니다. 공부할 게 점점 많아지니 기쁨의 눈물이 흐르네요. ㅎㅎㅎ
으허어어어헝헝엏어어어헝엉
(HTMLn/CSSn 게시판이 사라질 예정이어서, 여기로 옮깁니다. 12-09-06)
지운아빠 2012.04.25 19:58:56
- 원글정보: 작성일시
- 조회 529
- 댓글 3
제 블로그 글을 요약했습니다. :)
Multi-Device Layout Patterns - LukeW : mediaqueri.es 의 반응형 사이트들의 레이아웃 패턴을 5가지로 구분 (이미지 출처는 원글)
반응형 메뉴(navigation) 패턴 - Brad Frost : 7가지 패턴의 메뉴 처리 패턴.
Top nav or “do nothing”: 주로 메뉴가 상단에 있는 경우, 아무런 처리를 하지 않거나 약간의 조정만 해주는 방법. Footer anchor: 메뉴는 하단으로 보내고, 상단에는 하단 메뉴로 보내는 링크 하나만 남기는 방법. Select menu: 메뉴를 실렉트로 바꾸는 방법. Toggle: 드랍다운 메뉴를 토글로 보여주는 방법. Bootstrap Left nav flyout: 위 레이아웃 패턴중 off canvas에 해당하는 경우. Footer-only: Footer anchor와 다른 점은, 상단에 링크가 없다는 점. “Hide n’ Cry”: 많은 부분을 가려버리고 모바일 용 내용만 보여주는 방법.
그밖에 유용한 그리고 재밌는 리소스들로
복잡한 데스크탑 레이아웃이 어떻게 모바일 레이아웃으로 바뀌는 지 보여주는 웹: http://www.thismanslife.co.uk/projects/lab/responsivewireframes/ – 안에 들어있는 css만 연구해도 괜찮은 소스라 생각됩니다. http://www.thismanslife.co.uk/projects/lab/responsiveillustration/: 같은 웹사이트의 다른 페이지로, 화면 폭을 변화할때 각각을 대표하는 기기들로 변하는 애니메이션. 별다른 용도는 없어보임.
댓글보기
지운아빠 2012.04.25 19:58:56 전진 2012.04.25 20:12:17
동감입니다. ^^*
그래도 이번것은, 기술적인 부분이 아니고, ui/ux 패턴이라서 그나마 나았어요..^^;
아마 당분간 더 찾아보지는 않고, 지금까지 조사한 것 중
맘에 드는 것 하나씩을 선택해서 프로토타입 만들어보는 것에 집중해볼까 봐요.. ^^
댓글 2개
12년 전
좋은 정보감사합니다.
12년 전
위 글은 반응형웹 강좌로 다시 정리되었습니다.
레이아웃: http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=205
네비게이션/메뉴: http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=220
레이아웃: http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=205
네비게이션/메뉴: http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=220
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 330 |
prosper
|
20년 전 | 2288 | |
| 329 |
prosper
|
20년 전 | 1919 | |
| 328 |
prosper
|
20년 전 | 1711 | |
| 327 | 20년 전 | 3778 | ||
| 326 | 20년 전 | 4865 | ||
| 325 |
hwatta
|
20년 전 | 2493 | |
| 324 |
 hanpedro |
20년 전 | 3150 | |
| 323 | 20년 전 | 5875 | ||
| 322 |
hwatta
|
20년 전 | 2860 | |
| 321 |
hwatta
|
20년 전 | 2332 | |
| 320 |
yesmoa
|
20년 전 | 4583 | |
| 319 | 20년 전 | 2695 | ||
| 318 | 20년 전 | 2244 | ||
| 317 |
kyodon
|
20년 전 | 2765 | |
| 316 | 20년 전 | 2588 | ||
| 315 |
hanpedro |
20년 전 | 2890 | |
| 314 |
hanpedro |
20년 전 | 3348 | |
| 313 |
 damoa.biz |
20년 전 | 2654 | |
| 312 |
yesmoa
|
20년 전 | 4734 | |
| 311 | 20년 전 | 3288 | ||
| 310 |
홀로남은자
|
20년 전 | 4578 | |
| 309 | 20년 전 | 3013 | ||
| 308 | 20년 전 | 4145 | ||
| 307 | 20년 전 | 4382 | ||
| 306 | 20년 전 | 7044 | ||
| 305 | 20년 전 | 3877 | ||
| 304 | 20년 전 | 2776 | ||
| 303 |
크리스탈처럼
|
20년 전 | 4416 | |
| 302 | 20년 전 | 2216 | ||
| 301 |
 수다쟁이오도리씨 |
20년 전 | 4334 | |
| 300 | 20년 전 | 3819 | ||
| 299 | 20년 전 | 2637 | ||
| 298 | 20년 전 | 4848 | ||
| 297 |
 bbking |
20년 전 | 2538 | |
| 296 | 20년 전 | 4543 | ||
| 295 | 20년 전 | 3576 | ||
| 294 | 20년 전 | 3598 | ||
| 293 | 20년 전 | 3827 | ||
| 292 | 20년 전 | 3222 | ||
| 291 |
yesmoa
|
20년 전 | 5960 | |
| 290 | 20년 전 | 2949 | ||
| 289 | 20년 전 | 5870 | ||
| 288 |
bbking |
20년 전 | 2386 | |
| 287 |
bbking |
20년 전 | 1819 | |
| 286 |
bbking |
20년 전 | 2158 | |
| 285 |
bbking |
20년 전 | 3550 | |
| 284 |
bbking |
20년 전 | 2045 | |
| 283 |
bbking |
20년 전 | 4406 | |
| 282 | 20년 전 | 3387 | ||
| 281 |
bbking |
20년 전 | 2218 | |
| 280 |
bbking |
20년 전 | 7821 | |
| 279 | 20년 전 | 5568 | ||
| 278 | 20년 전 | 3005 | ||
| 277 |
hanpedro |
20년 전 | 5577 | |
| 276 | 20년 전 | 2367 | ||
| 275 | 20년 전 | 2624 | ||
| 274 | 20년 전 | 2405 | ||
| 273 | 20년 전 | 2239 | ||
| 272 | 20년 전 | 2169 | ||
| 271 | 20년 전 | 2635 | ||
| 270 | 20년 전 | 2676 | ||
| 269 | 20년 전 | 2518 | ||
| 268 | 20년 전 | 2703 | ||
| 267 | 20년 전 | 2386 | ||
| 266 | 20년 전 | 2576 | ||
| 265 | 20년 전 | 3519 | ||
| 264 |
bbking |
20년 전 | 5381 | |
| 263 |
hanpedro |
20년 전 | 3746 | |
| 262 | 20년 전 | 3204 | ||
| 261 |
허저비
|
20년 전 | 5947 | |
| 260 |
bbking |
20년 전 | 5724 | |
| 259 | 20년 전 | 4150 | ||
| 258 | 20년 전 | 2384 | ||
| 257 | 20년 전 | 3207 | ||
| 256 | 20년 전 | 1919 | ||
| 255 | 20년 전 | 1589 | ||
| 254 | 20년 전 | 3160 | ||
| 253 | 20년 전 | 3554 | ||
| 252 | 20년 전 | 5139 | ||
| 251 | 20년 전 | 5830 | ||
| 250 | 20년 전 | 3689 | ||
| 249 | 20년 전 | 5034 | ||
| 248 | 20년 전 | 3305 | ||
| 247 | 20년 전 | 3659 | ||
| 246 |
bbking |
20년 전 | 7967 | |
| 245 |
bbking |
20년 전 | 5930 | |
| 244 | 20년 전 | 4498 | ||
| 243 |
hanpedro |
20년 전 | 4078 | |
| 242 | 20년 전 | 2809 | ||
| 241 | 20년 전 | 2754 | ||
| 240 | 20년 전 | 2390 | ||
| 239 | 20년 전 | 1680 | ||
| 238 |
아우겐나이스
|
20년 전 | 2288 | |
| 237 |
email
|
20년 전 | 3702 | |
| 236 | 20년 전 | 4185 | ||
| 235 | 20년 전 | 10476 | ||
| 234 | 20년 전 | 5086 | ||
| 233 | 20년 전 | 3390 | ||
| 232 | 20년 전 | 3231 | ||
| 231 | 20년 전 | 3873 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기