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

안녕하세요. LG CNS 황아영입니다.

 

RWD는 N-Screen(Multi Screen)의 패턴에 하나로,

CSS3와 CSS3의 Media Qureis라는 스펙이 대두되면서 

2010년도 말에 Ethan Marcotte이 공간에 맞게 조형물이 변하는 건축아키텍쳐 Responsive
Architecture에 착안하여 기고한 글에서 시작되었습니다.
(http://alistapart.com/article/responsive-web-design)

 

 

이 아티클에서 밝히기를 Responsive Web Design이 되려면 3가지가 되어야 하는데,

1) Fluid Grid

2) Flexible Images

3) Media Quries

이 3가지가 되어야 Responsive Web Design이라고 말하고 있습니다.

 

Fluid Grid나 Flexible Image의 경우 화면의 각각의 레이어의 크기값, 이미지 크기를 %를 주어 컨트롤을하여
Flexible한 UI를 만들 수 있습니다. Media Quries는 CSS3의 스펙에 하나이며 다들 아시겠지만 CSS를 디바이스
크기, 종류 등의 조건에 의해 분기가 가능한 기술입니다.

 

 

작년 초 이 기술을 이용하여 Framework을 개발한 것을 HCI학회에서 시연한 것이 있는데 자료 공유합니다.

http://hcikorea.sql.co.kr/2013/data/documents/4c/C2.pdf


 

저희 회사이외의 글로벌 Responsive Web Design F/W에는 Bootstrap, Foundation,
Skeleton 등이 있습니다.

 

감사합니다.

 

******************************

  HWANG AH YOUNG 

  010-8298-2999 

  ah345364@lgcns.com

  정보기술연구원

******************************

 

 


  _____  

상기 메시지와 첨부화일 내에는 비밀정보가 포함되어 있을 수 있으며, 지정된 수신자에 한하여 조회 및 사용될 수 있습니다. 만약
송신자의 실수로 인하여 상기 메시지를 수신하였다면, 송신자에게 메시지를 반송해 주시고, 원본 메시지와 모든 사본을 폐기해 주시기
바랍니다.
상기 메시지의 전체 또는 일부에 대해 무단 열람, 사용, 공개, 배포하는 것은 금지되어 있습니다.(주)LG CNS.