====== 모바일 HTML ====== * [[http://www.hanb.co.kr/network/view.html?bi_id=1679|[한빛 네트워크] 아이폰 OS와 안드로이드 OS 2에 최적화된 웹사이트 제작하기]] * [[http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/|모바일 우선 반응형 웹 디자인]] * [[http://mobilewebbestpractices.com/|Mobile Web best practices]] * RESS (Responsive Design + Server Side Components]] * [[http://dev.paran.com/2011/10/06/ress-responsive-design-server-side-components/|RESS: Responsive Design + Server Side Components]] * [[http://dev.paran.com/2011/10/07/ress-responsive-design-server-side-components-2/|RESS: Responsive Design + Server Side Components – #2]] * 모바일 Icon 기기 pixel ratio에 따라 적당한 크기의 이미지 보여주기 * [[http://miniapps.co.uk/blog/post/targeting-iphone-4-using-css-media-queries/|Targeting iPhone 4 using CSS Media Queries]] * [[http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html|Targeting the iPhone 4 Retina Display with CSS3 Media Queries - iWalt.com]] * 예시 싸이트 : http://m.iwalt.com * 주소표시줄 숨기기 : http://davidwalsh.name/hide-address-bar * // When ready... window.addEventListener("load",function() { // Set a timeout... setTimeout(function(){ // Hide the address bar! window.scrollTo(0, 1); }, 0); }); * [[http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html|User Experience Coding How-To's for Safari on iPhone]]