'반응형 웹디자인'에 해당되는 글 1건

  1. 2012.05.06 Hybrid App 개발 전문가 과정 5일차

① Hybrid App 개발 전문가 과정 1일차

② Hybrid App 개발 전문가 과정 2일차

③ Hybrid App 개발 전문가 과정 3일차

④ Hybrid App 개발 전문가 과정 4일차


5월 3일(목) 5일차 강의가 진행이 되었다. 5월 5일(토) 강의는 어린이날인 관계로 5월 13일(일)로 변경되었다.

강의 내용은 크게 세가지. HTML5 엘리먼트(시맨틱, 폼), Closure Compiler, 반응형 웹...


HTML5 엘리먼트는 header, nav, aside, footer, section, article 등의 시맨틱 엘리먼트들과 그에 따른 문서구조 샘플들을 보았고 다음으로 폼 엘리먼트들을 살펴보았다. 그런데, 쓸만한 폼 엘리먼트의 경우는 오페라 브라우저 이외에서는 현재 지원을 하지 않는 것이 많았다. 아직은 jQuery UI 를 사용하는 것이 좋겠다는 생각... Bootstrap도 적용해봐야 하는데...


Closure Compiler 와 반응형 웹에 대해서는 관련 링크로 정리를 대신한다.


ㅇ Closure Compiler is a JavaScript optimizing compiler.

   - 프로젝트 사이트 : http://code.google.com/p/closure-compiler/

   - 소개 자료 : http://acleung.com/velocity.pdf

   - 온라인 컴파일러 : http://closure-compiler.appspot.com/home

   - Eclipse Plugin : http://www.normalesup.org/~simonet/soft/ow/eclipse-closure-javascript.en.html


ㅇ 반응형 웹(Responsive Web) : 화면 너비에 따라 유동적으로 변화는 유동형 레이아웃(fluid layout)과 유연한 이미지(flexible image), 그리고 미디어 쿼리(media queries)가 어우러져서 특정 환경에 '최적화'된 방법이 아니라 환경에 반응하여 스스로 적응하는 방법 - 아래 신현석님 블로그 중에서...

   - 신현석님 블로그의 반응형 웹디자인 : http://hyeonseok.com/soojung/webstandards/2011/02/05/638.html

   - 미디어 쿼리 : http://mydeute.com/txp/article/631

   - 반응형 웹디자인을 적용한 웹사이트들 : http://mydeute.com/txp/article/631

   - 반응형 웹디자인이란? : http://html.nhncorp.com/blog/textyle/47789

   - H3 컨퍼런스 발표 동영상 및 자료 : http://h3.paran.com/2011/session/responsive-web-design-in-action.html

   - 국내 사례, 다음사전 : http://dic.daum.net/

   - 국내 사례, 서울시청 : http://www.seoul.go.kr/main/index.html

   - 국내 사례, 현대차그룹 : http://pr.hyundai.com

   - 국내 사례, 화승그룹 : http://www.hwaseunggroup.com/

저작자 표시 비영리 변경 금지
신고
Posted by JuHoi