Latest Tweets:
Responsive web design
1. 반응형 웹디자인이란?
이 유알엘 만 보시면 뭘 하는지 아실거에요..
2. 기존사이트에서구현방법
1. html5로 변환 (낡은 브라우저는 스크립터 처리)
2. css3의 미디어쿼리 명세를 적용하여 사이즈별 디자인 요소 정리
미디어쿼리 - 아래와 같은 형태임
@media screen and (max-width: 980px){
화면의 최대 너비가 980px 이하인 환경에 적용되는 디자인 형태 정의; }
@media screen and (max-width: 480px){
화면의 최대 너비가 480px 이하인 환경에 적용되는 디자인 형태 정의; }
3. Responsive web design 구현된 사이트
- http://mediaqueri.es/ (다수 모아 놓음)
4. Responsive web design 확인하는 방법
- http://viewlike.us/
- http://mattkersley.com/responsive/
출처 너무많음
http://naradesign.net/wp/2011/05/27/1483/
http://hyeonseok.com/soojung/webstandards/2011/02/05/638.html
참고자료
http://elliotjaystocks.com/blog/css-transitions-media-queries/
http://warpspire.com/talks/responsive/
http://html.nhncorp.com/blog/textyle/47789
http://dev.paran.com/2011/08/11/responsive-web-design-implementation-issues/
