지운아빠 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
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7930 | 9년 전 | 486 | ||
| 7929 | 9년 전 | 420 | ||
| 7928 | 9년 전 | 493 | ||
| 7927 | 9년 전 | 403 | ||
| 7926 | 9년 전 | 713 | ||
| 7925 | 9년 전 | 437 | ||
| 7924 | 9년 전 | 418 | ||
| 7923 | 9년 전 | 411 | ||
| 7922 | 9년 전 | 433 | ||
| 7921 | 9년 전 | 448 | ||
| 7920 | 9년 전 | 358 | ||
| 7919 | 9년 전 | 366 | ||
| 7918 | 9년 전 | 515 | ||
| 7917 | 9년 전 | 376 | ||
| 7916 | 9년 전 | 460 | ||
| 7915 | 9년 전 | 479 | ||
| 7914 | 9년 전 | 487 | ||
| 7913 | 9년 전 | 658 | ||
| 7912 | 9년 전 | 496 | ||
| 7911 | 9년 전 | 418 | ||
| 7910 | 9년 전 | 466 | ||
| 7909 | 9년 전 | 583 | ||
| 7908 | 9년 전 | 514 | ||
| 7907 | 9년 전 | 458 | ||
| 7906 | 9년 전 | 478 | ||
| 7905 | 10년 전 | 441 | ||
| 7904 | 10년 전 | 430 | ||
| 7903 | 10년 전 | 439 | ||
| 7902 | 10년 전 | 616 | ||
| 7901 |
 돼지코구뇽 |
10년 전 | 787 | |
| 7900 | 10년 전 | 672 | ||
| 7899 | 10년 전 | 460 | ||
| 7898 | 10년 전 | 455 | ||
| 7897 | 10년 전 | 414 | ||
| 7896 | 10년 전 | 430 | ||
| 7895 | 10년 전 | 549 | ||
| 7894 | 10년 전 | 456 | ||
| 7893 | 10년 전 | 430 | ||
| 7892 | 10년 전 | 472 | ||
| 7891 | 10년 전 | 828 | ||
| 7890 | 10년 전 | 1255 | ||
| 7889 | 10년 전 | 798 | ||
| 7888 |
limsy1987
|
10년 전 | 609 | |
| 7887 | 10년 전 | 650 | ||
| 7886 | 10년 전 | 532 | ||
| 7885 | 10년 전 | 501 | ||
| 7884 | 10년 전 | 497 | ||
| 7883 | 10년 전 | 502 | ||
| 7882 | 10년 전 | 557 | ||
| 7881 | 10년 전 | 538 | ||
| 7880 | 10년 전 | 654 | ||
| 7879 | 10년 전 | 544 | ||
| 7878 | 10년 전 | 1307 | ||
| 7877 | 10년 전 | 836 | ||
| 7876 | 10년 전 | 573 | ||
| 7875 | 10년 전 | 646 | ||
| 7874 |
 뜨거운형제들 |
10년 전 | 852 | |
| 7873 | 10년 전 | 579 | ||
| 7872 | 10년 전 | 735 | ||
| 7871 | 10년 전 | 553 | ||
| 7870 | 10년 전 | 671 | ||
| 7869 | 10년 전 | 488 | ||
| 7868 | 10년 전 | 529 | ||
| 7867 | 10년 전 | 534 | ||
| 7866 | 10년 전 | 591 | ||
| 7865 | 10년 전 | 534 | ||
| 7864 | 10년 전 | 589 | ||
| 7863 | 10년 전 | 586 | ||
| 7862 | 10년 전 | 558 | ||
| 7861 | 10년 전 | 727 | ||
| 7860 | 10년 전 | 706 | ||
| 7859 | 10년 전 | 473 | ||
| 7858 | 10년 전 | 780 | ||
| 7857 | 10년 전 | 1169 | ||
| 7856 | 10년 전 | 594 | ||
| 7855 | 10년 전 | 836 | ||
| 7854 | 10년 전 | 779 | ||
| 7853 | 10년 전 | 675 | ||
| 7852 | 10년 전 | 591 | ||
| 7851 | 10년 전 | 592 | ||
| 7850 | 10년 전 | 670 | ||
| 7849 | 10년 전 | 444 | ||
| 7848 | 10년 전 | 507 | ||
| 7847 | 10년 전 | 741 | ||
| 7846 | 10년 전 | 526 | ||
| 7845 | 10년 전 | 499 | ||
| 7844 | 10년 전 | 469 | ||
| 7843 | 10년 전 | 506 | ||
| 7842 | 10년 전 | 485 | ||
| 7841 | 10년 전 | 455 | ||
| 7840 | 10년 전 | 480 | ||
| 7839 | 10년 전 | 519 | ||
| 7838 | 10년 전 | 590 | ||
| 7837 | 10년 전 | 419 | ||
| 7836 | 10년 전 | 460 | ||
| 7835 | 10년 전 | 547 | ||
| 7834 |
 ABC디자인 |
10년 전 | 1248 | |
| 7833 | 10년 전 | 507 | ||
| 7832 | 10년 전 | 491 | ||
| 7831 | 10년 전 | 663 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기