개인이 끄적끄적 거리는 블로그

아이폰(iphone) safari 웹개발 기본 팁 1. -webkit-text-size-adjust페이지가 회전할때 폰트사이즈가 자동으로 변경되지 않도록 한다 그러나 안좋은 면이 있는데 보통 webkit 브라우저들에서는 적용안됨. auto : default값, 화면의 폭에 맞추어서 텍스트 크기가 자동으로 조절된다.none : 폰트의 자동크기변환을 막으며 모바일웹에서 일반적으로 설정한다.n% : 폰트크기를 지정된 사이즈로 변경한다.  html {      -webkit-text-size-adjust:none;  } 2. apple-mobile-web-app-capablecontent값이 yes로 지정하면 풀스크린모드로 자동하고 그렇지 않으면 일반모드로 작동한다.window.navigator.standalo..

DEMO : http://www.jqmobi.com/testdrive SITE : http://www.jqmobi.com/ JQuery 모바일보다 강력하다고 하는 jqMobi 가 등장했다.이 프레임워크는 고성능 HTML5 와 하이브리드앱 개발을 위해 개발되었고.jQuery 호환 인터페이스를 지원한다. 성능은 jQuery Mobile 보다 훨씬 빠르다.사이즈도 1/10 수준이라고하는데 사이즈는 잘 모르겠고.. 속도는 진짜 빠르다. 이제 막 jQuery Mobile 시작하긴 했는데.. 불만이 많던 나로서는 흥미로운 프레임웍이 나왔다.공부할께 참 많구나.. 아아앙..ㅇ.ㅇㅇ..아.아 아이폰에서 돌려 봤는데 확실히 반응이 jQuery Mobile보다 빠르다. 근데 이게 지속 가능해야 할 텐데. 지금 섣불리 적용..

일반적으로 jquery 를 이용해서 페이지 로딩시 자바스크립트를 처리 하도록 할 경우 head 부분에 $(document).ready(function() { }); 이 안에 넣어서 해결 합니다. 하지만 jquerymobile 는 태생적으로 그렇게 처리 할 수 없습니다. (물론 링크를 jquerymobile 에 의해서 처리 되게 하지 않는다면 가능 하겠지요.) 왜냐하면 jquerymobile는 첫페이지 이후부터는 모두 ajax 처리를 해버리기 때문에 그 다음 페이지 부터는 페이지 리로드가 이루어 지지 않습니다. 그러니 일반적인 방식으로 할 경우 첫페이지 이후 부터는 실행 되지 않습니다. 그래서 ajax의 이벤트를 할당해서 처리 하는 방식으로 진행 해야 합니다. jquerymobile 구성 방식은 다른 곳을..

요렇게 레이아웃을 간단하게 잡아주는 툴을 만들어놨음. 궂이 이걸 안써도 만들수는 있지만 그만큼의 수고를 더 덜 수 있어서 좋다. 그냥 드래그 앤 드롭만 해서 만들면 되니. http://jquerymobile.com/