(제목+내용으로만 검색해보고 없는것 같아서 올립니다. 내용상 중복되는 부분은.. ^^;)


모바일 웹이 활성화되면서, 하나의 코드로 여러 크기의 화면에 맞게 화면을 구성해주는 기법이 많이 도입되고 있습니다. 시하님도 v4 홈페이지에서 responsive layout을 구현하시면서 관심을 가지고 계시고, 아래 지운아빠님의 css를 이용한 레이아웃 컨트롤 도, 화면크기에 의한 조정은 아니지만, CSS를 이용해서 여러 layout으로 쉽게 바꾸는 것을 보여주셨습니다. 아마 여러 sir 회원분들도 비슷한 내용에 관심이 있거나, 이미 구현을 하셨으리라 생각됩니다.


"모바일 웹페이지를 따로 만드는 것이 더 낫지 않나?"
입니다. 비슷한 관심을 가지신 분들의 의견이 궁금하네요. ^^
어쨋든, 관련 링크를 남겨볼까 합니다. (원래 내용은 제 블로그 글로 ^^;)
(대부분의 링크는, 21가지 RWD 관련 툴 이라는 .net 글 에서 발췌했습니다.)
- Ethan MARCOTTE 의
Responsive Web Design 글: 최초로 responsive web design 이라는 단어를 사용하고, CSS3 media query를 이용한 화면 조정 예를 보임
- James Pears의 RWD에 대한 비판? 글 : 1. CSS3 media query는 모든 내용이 다 다운된 후에야 적용된다. 2. 데스크탑과 모바일 웹은, 보여주는 내용 자체가 다르다.
- 클라이언트 (css, js)에서 가능한 부분과 서버 (user agent를 기반으로 다른 내용 생성)에서 해야할 내용으로 나누어 접근: RESS: Responsive Design + Server Side Components
- 브라우저에 크기에 따라서 해당 css를 선택적으로 로딩하는 adapt.js
- 모든 모바일 환경에 대응하는 media query 템플릿: Andy Clark’s template
댓글 15개
네.. 제 고민도, 반응형 디자인이 재밌기는 한데,
실제로는 데스크탑용과 모바일용을 따로 만드는 것이 낫지 않을 까해서 남겼던 글입니다.
그런데, 중간에 테블릿이 끼니까, 데스크탑+테블릿나, 테블릿+스마트폰을 묶어서 처리하면 그래도 장점이 있지 않을까 했던것입니다.
가장 처음 생각했던 것은, 제가 시험했던 대상이기도 한, 그누보드 모바일을 따로 만들필요가 있나 하는 생각이었고요..
지적하신 이미지 부분은.. 스마트폰위에서는 어짜피 어떤 방식이든 그림을 작게 만들어야 할테니 서버든 css3 어디선가는 처리해야 할테고요..
실제로는 데스크탑용과 모바일용을 따로 만드는 것이 낫지 않을 까해서 남겼던 글입니다.
그런데, 중간에 테블릿이 끼니까, 데스크탑+테블릿나, 테블릿+스마트폰을 묶어서 처리하면 그래도 장점이 있지 않을까 했던것입니다.
가장 처음 생각했던 것은, 제가 시험했던 대상이기도 한, 그누보드 모바일을 따로 만들필요가 있나 하는 생각이었고요..
지적하신 이미지 부분은.. 스마트폰위에서는 어짜피 어떤 방식이든 그림을 작게 만들어야 할테니 서버든 css3 어디선가는 처리해야 할테고요..
게시글 목록
| 번호 | 제목 |
|---|---|
| 16762 | |
| 16759 |
JavaScript
top.location.href= 에서 타켓 지정하는 방법은 어떻게 하나요>
2
|
| 16758 | |
| 16755 |
JavaScript
이동하는 글자
2
|
| 16752 |
JavaScript
자바스크립트 메뉴 문제입니다
2
|
| 16746 |
PHP
PHP 속도 향상 팁
5
|
| 16743 |
JavaScript
jQuery 드롭다운메뉴
2
|
| 30241 | |
| 16739 |
PHP
이게 잘못된건가요? ㅋ
3
|
| 16737 | |
| 16735 | |
| 16734 | |
| 16725 | |
| 16723 | |
| 16721 | |
| 16720 |
Linux
파일이나 프로그램 모니터링하기
|
| 30235 | |
| 16716 | |
| 30228 | |
| 16714 | |
| 30220 | |
| 30218 |
HTML
드림위버 롤오버요~
1
|
| 30210 |
HTML
요걸우째설명해야될지;;;
7
|
| 30206 |
HTML
li 가로정렬
3
|
| 4077 | |
| 16713 | |
| 16711 |
JavaScript
만화 권당 팝업드는방법 알려주세요
1
|
| 30190 | |
| 16710 |
jQuery
jQuery 입력박스 툴팁 소스
|
| 30188 | |
| 16707 |
jQuery
초보입니다... 도와주세요 ㅠㅠ
2
|
| 26290 |
기획서
사업진행스케쥴표
13
|
| 30182 | |
| 16701 |
MySQL
mysql select 질문점 굽신굽신
5
|
| 16698 |
JavaScript
고수님들 부탁드려요ㅠㅠㅠ 자바스크립트가 익스 6에선 먹히질 않습니다ㅠㅠㅠ
2
|
| 16691 |
Mobile
스마트폰에서 ip camera 영상 보는 방법
6
|
| 4074 | |
| 16687 |
jQuery
회원이 메뉴색 변경하는 소스 질문드립니다.
3
|
| 16685 |
Linux
SSH로 sql 패치 방법
1
|
| 4070 | |
| 16683 | |
| 30168 | |
| 16682 |
MySQL
MySQL For C API
|
| 30166 | |
| 16680 | |
| 16679 | |
| 16674 | |
| 16671 |
MySQL
mysql backup shell
2
|
| 16664 |
MySQL
cron backup shell
6
|
| 30156 |
HTML
css 로 레이아웃 컨트롤
9
|
| 16660 |
JavaScript
input박스 길이문제
3
|
| 16657 | |
| 24373 | |
| 16654 |
Linux
리눅스시스템 스와핑 줄이기
2
|
| 16653 |
PHP
페이지 개수를 정하고 싶어요
|
| 30150 | |
| 16652 | |
| 16649 |
JavaScript
인자별 함수 실행 part2
2
|
| 4066 | |
| 16647 | |
| 16646 |
MySQL
mysql5.0으로 업데이트했는데
|
| 16643 |
JavaScript
인자별 함수 중복 실행 방법
2
|
| 16637 |
JavaScript
파이어 폭스 호환성질문...;
5
|
| 16634 | |
| 30148 | |
| 16633 | |
| 16629 |
JavaScript
스트립트 오류좀 봐주세요 ㅠㅠ
3
|
| 16627 |
PHP
[수정]아파치 타임아웃
1
|
| 30138 | |
| 16624 | |
| 16622 | |
| 16619 |
MySQL
애왜안될까요;;;
2
|
| 16618 |
Linux
저거 뭘까요?
|
| 30135 | |
| 30128 | |
| 16615 |
MySQL
이런젠장 값전달이 안되네요
2
|
| 30109 | |
| 16613 | |
| 16611 | |
| 16606 | |
| 16605 | |
| 16604 |
JavaScript
스크립트한번만봐주세요 ㅠ
|
| 16599 |
MySQL
mysql 속도 문제..
4
|
| 16594 | |
| 16593 | |
| 16589 | |
| 16587 | |
| 16572 | |
| 4047 | |
| 16566 | |
| 30107 | |
| 16564 | |
| 16561 | |
| 16558 |
MySQL
콤마 어떻게 찍는지 좀 가르쳐 주세요.
2
|
| 16557 | |
| 16552 | |
| 16548 | |
| 16546 | |
| 16543 |
JavaScript
고수님들 중 이런 에러 보신적 있으신가요?
2
|
| 16526 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기