html:mobile

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:mobile [2011/06/10 20:37]
kwon37xi 새로 만듦
+++ html:mobile [2012/01/26 20:00] (현재)
kwon37xi
@@ 줄 1: / 줄 1: @@
 ====== 모바일 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
+    * <code javascript>
+// When ready...
+window.addEventListener("load",function() {
+  // Set a timeout...
+  setTimeout(function(){
+    // Hide the address bar!
+    window.scrollTo(0, 1);
+  }, 0);
+});
+</code>
+  * [[http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html|User Experience Coding How-To's for Safari on iPhone]]

html/mobile.1307705861.txt.gz · 마지막으로 수정됨: 2011/06/10 20:37 저자 kwon37xi