Mobile Web

간단한 폰갭 설치법

알고 계시다시피 폰갭이란 HTML, CSS, Javascript로 작성된 모바일웹을 어플리게이션으로 바꾸어주는 도구입니다. 기존의 웹개발 기술을 그대로 앱 개발에 응용할 수 있어 상당히 매력적인 도구라 할 수 있습니다. 그렇기 때문에 대부분의 모바일 웹을 설명하는 책들은 폰갭에 대해서도 소개하는 장을 갖고 있습니다. IT 산업이 그렇듯이 폰갭도 계속적으로 업데이트가 되고 있습니다. 업데이트라는 것이 기존 버젼을 보완, 향상하는 것이기 때문에 긍정적이기는 하지만, 업데이트 내용을 바로바로 따라가는 것은 쉽지 않기 개발자 입장에서는 항상 달가운 것만은 아닙니다. 특히, 가지고 있는 폰갭관련 도서에 나와 있는 내용이 업데이트가 되면서 상당히 달라진 경우는 더욱 난감한 상황에 처하게 됩니다. 그래서, 여기서는 제가... »

모바일에 최적화된 responsive menu 만들기

Building a Responsive, Mobile-First Navigation Menu http://azadcreative.com/2012/07/responsive-mobile-first-navigation-menu/ Saddam Azad shows us how to develop a complex responsive navigation menu using the “Mobile-First Approach“. The aim is to present mobile users with a pseudo-native, touch-conducive and interactive interface that enables them to navigate the website with ease. »

Viewport 이해하기 – responsive design 을 하기 위한 기초

Viewport 이해하기 http://www.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future Responsive Web Design 반응형 웹디자인은 다양한 스크린 크기에 따라 다른 모습으로 렌더링을 할 수 있게 해주는 기법(기술)입니다. 이때의 스크린 크기는 디바이스의 하드웨어적인 스크린 크기라기 보다는 웹브라우저가 화면에 보여주는 스크린 크기가 되는데(두 개가 같을 수도 있지만) 이 것을 viewport 라고 하는 것 같습니다. viewport 에 대한 이해를 도와주는 프레젠테이션입니다. 그리고 viewport에 관한 유명한 글인 A ta... »

Pep – A lightweight plugin for kinetic-drag on mobile/desktop

Pep http://pep.briangonzalez.org/ 드래그 앤 드롭을 가능하게 해주는 jQuery plugin 입니다. 터치이벤트를 지원해서 모바일 기기에서도 사용할 수 있습니다. »

TouchTouch – A Touch Optimized Gallery Plugin

TouchTouch http://tutorialzine.com/2012/04/mobile-touch-gallery/ 터치 이벤트를 지원하는 모바일 기기에 최적화된 포토 갤러리 jQuery plugin 입니다. 좌우 touch swipe 로 사진 이동이 가능합니다. »

Page 1 of 41234