티스토리 뷰

잉고래의 티스토리

반응형 웹 디자인(Responsive Web Design - RWD)이란 뭘까?

잉고래 2013. 5. 23. 16:58

반응형 웹 디자인(Responsive Web Design - RWD) 소개

내가 만든 홈페이지가 다른사람들의 스마트폰, 아이패드에서도 잘 보이도록 하려면 어떻게 해야할까요? 요즘은 스마트폰 마다 화면 사이즈가 제 각각이라서 디자이너가 그에 맞는 웹페이지를 전부 만들어야 할까요? 더욱이 사용자 브라우저 환경은 어떻게 알 수 있을까요? 그런 질문에 대한 해답이 바로 반응형 웹 디자인 입니다.

반응형 웹 디자인(Responsive Web Design - RWD) 이해

반응형 웹 디자인(Responsive Web Design - RWD) 이란 말을 처음 쓴 사람은 웹디자이너 이튼 마르코트 라고 합니다. 사용자 브라우저 환경에 따라서 반응하는 웹페이지 레이아웃을 만드는데 사용되는 기술들을 부르고요.

반응형 웹 디자인(Responsive Web Design - RWD) 웹페이지 예제

아래에 훌륭한 반응형 웹 디자인의 예제들이 있습니다. 보이는 바와같이 브라우저 창 폭에 따라서 페이지 디자인이 유동적입니다.

정리

'반응형 웹 디자인'은 웹페이지가 어떠한 장치에서도 멋지게 표현되도록 반응 하는 디자인 방법이다.

'잉고래의 티스토리' 카테고리의 다른 글

자바스크립트 웹 페이지에 적용하는 방법  (0) 2013.07.08
자바스크립트 강좌 : 자바스크립트를 한 마디로 하면?  (0) 2013.07.04
CSS 스타일에서 투명도 조절하고 싶을때  (0) 2013.04.22
HTML의 쉬운 이해  (0) 2013.04.17
유투브 표준 라이센스 혹은 표준 YouTube 라이선스(라이센스) 이해  (0) 2013.04.16