지운아빠 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
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5630 | 13년 전 | 1070 | ||
| 5629 | 13년 전 | 2711 | ||
| 5628 | 13년 전 | 1288 | ||
| 5627 | 13년 전 | 1662 | ||
| 5626 | 13년 전 | 1293 | ||
| 5625 | 13년 전 | 1948 | ||
| 5624 | 13년 전 | 1366 | ||
| 5623 | 13년 전 | 951 | ||
| 5622 | 13년 전 | 424 | ||
| 5621 | 13년 전 | 13314 | ||
| 5620 | 13년 전 | 1193 | ||
| 5619 | 13년 전 | 3339 | ||
| 5618 | 13년 전 | 976 | ||
| 5617 | 13년 전 | 426 | ||
| 5616 | 13년 전 | 602 | ||
| 5615 |
Preware
|
13년 전 | 423 | |
| 5614 | 13년 전 | 555 | ||
| 5613 |
AMDbest
|
13년 전 | 4342 | |
| 5612 |
AMDbest
|
13년 전 | 6166 | |
| 5611 | 13년 전 | 877 | ||
| 5610 |
AMDbest
|
13년 전 | 4667 | |
| 5609 | 13년 전 | 969 | ||
| 5608 |
 TopSchooL |
13년 전 | 487 | |
| 5607 | 13년 전 | 654 | ||
| 5606 | 13년 전 | 472 | ||
| 5605 | 13년 전 | 369 | ||
| 5604 | 13년 전 | 609 | ||
| 5603 |
갑수엔터테인먼트
|
13년 전 | 768 | |
| 5602 | 13년 전 | 427 | ||
| 5601 | 13년 전 | 510 | ||
| 5600 | 13년 전 | 934 | ||
| 5599 | 13년 전 | 7469 | ||
| 5598 |
PHPㅡASP프로그래머
|
13년 전 | 2699 | |
| 5597 | 13년 전 | 404 | ||
| 5596 |
hoinV
|
13년 전 | 994 | |
| 5595 | 13년 전 | 921 | ||
| 5594 | 13년 전 | 1063 | ||
| 5593 | 13년 전 | 4943 | ||
| 5592 |
TopSchooL |
13년 전 | 390 | |
| 5591 | 13년 전 | 892 | ||
| 5590 |
PHPㅡASP프로그래머
|
13년 전 | 2308 | |
| 5589 | 13년 전 | 1941 | ||
| 5588 |
바다로가자
|
13년 전 | 1637 | |
| 5587 |
PHPㅡASP프로그래머
|
13년 전 | 1826 | |
| 5586 | 13년 전 | 2747 | ||
| 5585 | 13년 전 | 399 | ||
| 5584 | 13년 전 | 1876 | ||
| 5583 | 13년 전 | 1307 | ||
| 5582 |
바다로가자
|
13년 전 | 3098 | |
| 5581 |
 카카오툴즈 |
13년 전 | 3110 | |
| 5580 | 13년 전 | 922 | ||
| 5579 |
하하369
|
13년 전 | 3978 | |
| 5578 | 13년 전 | 1064 | ||
| 5577 | 13년 전 | 1233 | ||
| 5576 | 13년 전 | 1645 | ||
| 5575 |
가위바위보
|
13년 전 | 1594 | |
| 5574 |
danielle
|
13년 전 | 706 | |
| 5573 |
 palangsae |
13년 전 | 860 | |
| 5572 | 13년 전 | 2777 | ||
| 5571 | 13년 전 | 834 | ||
| 5570 | 13년 전 | 1424 | ||
| 5569 |
 byfun |
13년 전 | 2135 | |
| 5568 | 13년 전 | 1958 | ||
| 5567 | 13년 전 | 679 | ||
| 5566 |
 cshop |
13년 전 | 1312 | |
| 5565 | 13년 전 | 3671 | ||
| 5564 | 13년 전 | 920 | ||
| 5563 | 13년 전 | 1374 | ||
| 5562 | 13년 전 | 873 | ||
| 5561 | 13년 전 | 1045 | ||
| 5560 |
PHPㅡASP프로그래머
|
13년 전 | 1530 | |
| 5559 | 13년 전 | 634 | ||
| 5558 |
there007
|
13년 전 | 1552 | |
| 5557 | 13년 전 | 1187 | ||
| 5556 |
후라보노보노
|
13년 전 | 742 | |
| 5555 | 13년 전 | 9133 | ||
| 5554 | 13년 전 | 828 | ||
| 5553 |
가을이군요
|
13년 전 | 716 | |
| 5552 |
 스마트파인드 |
13년 전 | 792 | |
| 5551 | 13년 전 | 1510 | ||
| 5550 |
후라보노보노
|
13년 전 | 915 | |
| 5549 |
 junny |
13년 전 | 1015 | |
| 5548 | 13년 전 | 678 | ||
| 5547 | 13년 전 | 526 | ||
| 5546 | 13년 전 | 4609 | ||
| 5545 | 13년 전 | 906 | ||
| 5544 | 13년 전 | 1023 | ||
| 5543 | 13년 전 | 759 | ||
| 5542 | 13년 전 | 6633 | ||
| 5541 | 13년 전 | 807 | ||
| 5540 | 13년 전 | 1137 | ||
| 5539 | 13년 전 | 1116 | ||
| 5538 | 13년 전 | 2831 | ||
| 5537 | 13년 전 | 810 | ||
| 5536 | 13년 전 | 2707 | ||
| 5535 |
 직화오리팡야 |
13년 전 | 1213 | |
| 5534 | 13년 전 | 1771 | ||
| 5533 |
꿈꾸는인생
|
13년 전 | 1332 | |
| 5532 | 13년 전 | 1496 | ||
| 5531 | 13년 전 | 1712 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기