지운아빠 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
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7830 | 10년 전 | 473 | ||
| 7829 |
 gilynh |
10년 전 | 661 | |
| 7828 | 10년 전 | 586 | ||
| 7827 | 10년 전 | 484 | ||
| 7826 | 10년 전 | 505 | ||
| 7825 | 10년 전 | 547 | ||
| 7824 | 10년 전 | 497 | ||
| 7823 | 10년 전 | 435 | ||
| 7822 | 10년 전 | 410 | ||
| 7821 | 10년 전 | 361 | ||
| 7820 | 10년 전 | 372 | ||
| 7819 |
 ABC디자인 |
10년 전 | 776 | |
| 7818 | 10년 전 | 436 | ||
| 7817 | 10년 전 | 614 | ||
| 7816 | 10년 전 | 453 | ||
| 7815 | 10년 전 | 656 | ||
| 7814 | 10년 전 | 489 | ||
| 7813 | 10년 전 | 440 | ||
| 7812 | 10년 전 | 450 | ||
| 7811 | 10년 전 | 428 | ||
| 7810 | 10년 전 | 631 | ||
| 7809 | 10년 전 | 565 | ||
| 7808 | 10년 전 | 447 | ||
| 7807 | 10년 전 | 457 | ||
| 7806 |
프로그래머7
|
10년 전 | 1373 | |
| 7805 | 10년 전 | 1321 | ||
| 7804 |
zahir1312
|
10년 전 | 815 | |
| 7803 |
ABC디자인 |
10년 전 | 1420 | |
| 7802 | 10년 전 | 518 | ||
| 7801 | 10년 전 | 898 | ||
| 7800 | 10년 전 | 1117 | ||
| 7799 | 10년 전 | 598 | ||
| 7798 | 10년 전 | 545 | ||
| 7797 | 10년 전 | 572 | ||
| 7796 | 10년 전 | 405 | ||
| 7795 | 10년 전 | 557 | ||
| 7794 | 10년 전 | 595 | ||
| 7793 | 10년 전 | 1097 | ||
| 7792 | 10년 전 | 526 | ||
| 7791 | 10년 전 | 616 | ||
| 7790 | 10년 전 | 550 | ||
| 7789 |
fbastore
|
10년 전 | 1499 | |
| 7788 | 10년 전 | 604 | ||
| 7787 | 10년 전 | 462 | ||
| 7786 | 10년 전 | 667 | ||
| 7785 | 10년 전 | 642 | ||
| 7784 | 10년 전 | 700 | ||
| 7783 | 10년 전 | 519 | ||
| 7782 | 10년 전 | 544 | ||
| 7781 | 10년 전 | 951 | ||
| 7780 | 10년 전 | 856 | ||
| 7779 | 10년 전 | 805 | ||
| 7778 | 10년 전 | 397 | ||
| 7777 | 10년 전 | 514 | ||
| 7776 | 10년 전 | 508 | ||
| 7775 | 10년 전 | 441 | ||
| 7774 | 10년 전 | 656 | ||
| 7773 | 10년 전 | 412 | ||
| 7772 | 10년 전 | 792 | ||
| 7771 | 10년 전 | 441 | ||
| 7770 | 10년 전 | 682 | ||
| 7769 | 10년 전 | 440 | ||
| 7768 | 10년 전 | 662 | ||
| 7767 | 10년 전 | 1215 | ||
| 7766 | 10년 전 | 550 | ||
| 7765 | 10년 전 | 607 | ||
| 7764 |
잘살아보자
|
10년 전 | 460 | |
| 7763 |
 foxrain |
10년 전 | 1510 | |
| 7762 |
Tosea
|
10년 전 | 1096 | |
| 7761 | 10년 전 | 712 | ||
| 7760 |
잘살아보자
|
10년 전 | 778 | |
| 7759 |
잘살아보자
|
10년 전 | 616 | |
| 7758 |
잘살아보자
|
10년 전 | 679 | |
| 7757 | 10년 전 | 1304 | ||
| 7756 |
ITBANK
|
10년 전 | 1306 | |
| 7755 | 10년 전 | 1956 | ||
| 7754 | 10년 전 | 1111 | ||
| 7753 | 10년 전 | 932 | ||
| 7752 | 10년 전 | 1431 | ||
| 7751 |
잘살아보자
|
10년 전 | 593 | |
| 7750 |
잘살아보자
|
10년 전 | 529 | |
| 7749 |
잘살아보자
|
10년 전 | 550 | |
| 7748 |
잘살아보자
|
10년 전 | 572 | |
| 7747 |
잘살아보자
|
10년 전 | 645 | |
| 7746 |
잘살아보자
|
10년 전 | 710 | |
| 7745 |
잘살아보자
|
10년 전 | 958 | |
| 7744 |
잘살아보자
|
10년 전 | 449 | |
| 7743 | 10년 전 | 979 | ||
| 7742 |
starbros
|
10년 전 | 873 | |
| 7741 |
잘살아보자
|
10년 전 | 718 | |
| 7740 |
잘살아보자
|
10년 전 | 608 | |
| 7739 |
잘살아보자
|
10년 전 | 498 | |
| 7738 |
잘살아보자
|
10년 전 | 572 | |
| 7737 |
잘살아보자
|
10년 전 | 552 | |
| 7736 |
잘살아보자
|
10년 전 | 572 | |
| 7735 |
잘살아보자
|
10년 전 | 903 | |
| 7734 |
잘살아보자
|
10년 전 | 461 | |
| 7733 |
잘살아보자
|
10년 전 | 572 | |
| 7732 |
잘살아보자
|
10년 전 | 738 | |
| 7731 |
잘살아보자
|
10년 전 | 661 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기