RE: Responsive Web Design 관련 자료 공유 요청

반응형 웹 디자인 관련 자료요.. 글쎄요.. 여러가지 다양한 팁과 강의, 자료들을 보고, 이를 토대로 만든 프레임워크를 보면서..

결국 하나의 결론으로 줄어들죠.
만약 쌩 날 빈 환경으로 반응형 웹 디자인을 만든다면, 대응 전략은 대략 이렇습니다.

1. 각 장치에 대한 화면 구성 전략
   예제 : 1024 초과시 데스크탑, 1024까지는 타블렛, 480 이하면 폰으로 대응 (bootstrap)
2. 모바일 기준으로 하나의 화면에 나타낼 수 있는 컨텐츠 전략
3. 타블렛 및 데스크탑 화면에서 한 행에 나타낼 수 있는 열 컨텐츠 전략
4. 유명 휴대용 장치 (타블렛 및 폰) 해상도 정보 취득
    CSS 으로 휴대용 장치를 알아낼 수 있습니다. 장치마다 해상도가 다르거든요. 다행히도.
5. 위 전략을 그리드로 구성 ([1] 사이트 등을 통해)
6. box-size:border-box 생활화
7. 고해상도 이미지 표시 구성 (망할 레티나)
8. 하아.. 그냥 bootstrap 쓸까?

뭐.. 제가 포폴과 실무뛴 경험이 있고 거기에 대한 내용을 소개할 수는 있지요.
그런데 여기서 발표할 관건은 바로 "한국식 반응형 웹" 이라고 해야 할지 모르겠습니다.
보통 웹 레이아웃은 단(div)으로 표현하는데 반해 한국은 대부분 표(table)로 레이아웃을 구성하니까요.
대부분의 디자이너들이 표 기반에 익숙하고, 비즈니스 웹 또한 거기에 묻혔으니까.

이런 경험을 기반으로 한국적인 반응형 웹 기반을 연구할 가치는 있어보입니다.
미친 엑스플랫폼을 하면서 알게된게, 결국 단(Div) 으로도 원하는 표 기반의 양식을 만들수 있다는거.

HTML5 는 인쇄 표준안은 없나요?

From: wonsuk11.lee@samsung.com
To: public-html-ig-ko@w3.org
Date: Thu, 6 Mar 2014 09:36:24 +0900
Subject: Responsive Web Design 관련 자료 공유 요청

안녕하세요.Responsive Web Design과 관련된 자료가 상당히 많을 것 같은데 이와 관련해서 좋은 자료들을 아시는 것이 있으면 공유 부탁드립니다~^^ 공유된 자료를 기반으로 KIG에서 본 내용을 소개해주실 Volunteer를 찾을 예정입니다~^^ -       Grid: A Simple Guide to Responsive Design[1]-       A responsive approach to image scaling with CSS[2] [1] http://www.adamkaplan.me/grid/?utm_source=html5weekly&utm_medium=email[2] http://appendto.com/2014/03/responsive-approach-image-scaling-css/?utm_source=html5weekly&utm_medium=email 이원석 드림.========================================= 이 원 석 (Wonsuk, Lee) / Principal Engineer, Ph.DSAMSUNG ELECTRONICS Co., LTD. (三星電子)Mobile: +82-10-5800-3997E-mail: wonsuk11.lee@samsung.comhttp://www.wonsuk73.com/, twitter: @wonsuk73-----------------------------------------Inspire the World, Create the Future !!!=========================================