Mobile Web

모바일 웹앱 만들 때 사용하는 meta tag 정리

http://speckyboy.com/2012/05/16/creating-a-mobile-web-application-with-meta-tags/ 모바일 웹앱 만들 때 사용하는 meta tag 정리입니다. »

모바일웹 Touch Swipe 이미지 갤러리 – 네이버 오픈API 사용

#demo_preview { margin: 20px; padding: 10px; width: 100%; text-align: center; } #demo_preview iframe { margin: 0; padding: 0; } #demo_menu { margin: 0; padding: 0; line-height: 0; } #demo_prev, #demo_back, #demo_next { margin: 10px 10px 0 10px !important; padding: 3px 10px; } 네이버 오픈API를 사용해서 이미지를 검색한 후 검색된 결과를 Touch Swipe로 슬라이드해서 볼 수 있는 간단한 이미지 갤러리를 만들어봤습니다. // 데모의 url은 http... »

웹 퍼포먼스 향상 관련 링크 20개 – 2011년 4/4분기

웹 퍼포먼스 향상에 도움을 주는 다양한 지식과 개발방법에 대해서 소개하고있는 링크 20개가 있는 글입니다. The 20 best web performance links of Q4 도소매업 관련 모바일 웹트래픽이 10배 늘어서 빠른 모바일 웹페이지 로딩이 필요하다는 내용의 뉴스 기사가 최고의 링크로 선정되었습니다. 글 쓰신 분은 웹프로그램의 퍼포먼스가 실물경제에 영향을 주고 있다는 점을 강조하고 싶으셨던 것 같습니다. 모바일 네트워크는 보통 느린편이기 때문에 웹프로그램이 최대한 최적화되어 개발되면 빠른 로딩과 실행에 도움이 됩니다. 링크가 많은데 다 읽어볼 수가 없어서 제가 관심이 많은 모바일 관련 링크 5개만 따로 빼봤습니다. 참고하시면 좋을 것 같습니다. Mobile UI Performance Perfor... »

HTML5 Techniques for Optimizing Mobile Performance

모바일기기에서의 HTML5 웹애플리케이션 퍼포먼스 향상을 위한 기법들입니다. HTML5 Techniques for Optimizing Mobile Performance Hardware acceleration에 대한 설명과 CSS3를 사용해 페이지 전환효과를 주는 Sliding, Flipping, Rotating 의 예제 소스코드가 있습니다. 이 외에도 몇 가지 사항이 더 나오는데 제가 여기에서 처음 알게된 네트워크 접속상태 관련 속성에 대해서 말씀을 드리겠습니다. navigator.onLine window.ononline window.onoffline navigator.connection.type 위 속성들에 대한 테스트는 제 갤럭시S(진저브레드 2.3.4)에서 하였습니다.... »

모바일 브라우저에서 글 내용에 따라 자동으로 늘어나는 textarea 만들기 2

안녕하세요 제가 앞에 작성한 "모바일 브라우저에서 글 내용에 따라 자동으로 늘어나는 textarea 만들기" 는 글을 작성한 만큼 textarea의 크기가 늘어납니다. 하지만 작성한 글을 지워서 내용이 줄어들었을 때 textarea의 크기는 줄어들지 않고 계속 커진 상태로 남아 있습니다. 이점을 수정해서 글 내용이 많아질 때는 textarea의 크기가 커지고 글 내용이 줄어들었을 때는 textarea의 크기도 작아지도록 만들어봤습니다. 이것을 구현하기 위해 어떻게 해야할지 생각이 잘 안떠올랐는데 검색을 해보니 구현하신 분이 있어서 그 분의 아이디어를 그대로 가져와서 만들었습니다. 그 분의 글은 http://james.padolsey.com/javascript/jquery-plugin-autores... »

Page 2 of 41234