모바일 웹 전반 - 어비의 모바일 웹 책 간단 정리

어비(UhBee's)의 모바일 웹 책을 읽었다. 대부분 이미 접하고 있던 내용이라서 크게 도움은 되지
않았지만 모바일 웹을 처음 접하시는 분들에게는 쉽고 유용한 책이 될거 같다.
1년전 모바일 웹 운영 업무를 처음 하면서 고민했던 많은 부분이 책속에 있는거 같다.

1 웹앱
  - 웹 기술로 구현하는 앱

2 하이브리드 앱
  - 네이티브 앱과 웹 앱 기반의 기술을 함께 사용

3 웹 브라우저별 CSS3 속성
  - webkit - 사파리나 크롬에서 사용하는 Webkit 엔진 기반의 웹 브라우저에서 사용
  - moz - 파이어폭스 웹 브라우저에서 사용
  - o - 오페라 웹 브라우저에서 사용
  - ms - 인터넷 익스플로우에서 사용

4 미디어 쿼리 작성
  - ratio 속성을 이용함

5 브라우저 주소 입력창 감추기
  - scrollTo(0,0);

6 모바일 웹 내부에 스크롤 만들기
  - cubiq.org 에서 제공하는 iScroll 이용

7 상단 바로가기
  - 아이폰이나 아이패드는 화면 위의 상태 바를 터치하여 한번에 웹 페이지의 맨 위로 이동할 수
     있지만 안드로이드는 일일이 스크롤링이 필요
     scrollTo(0,0);

8 Entity 코드 정리
  - 너무 많아서 담에 &copy --> 카피라이트

9 스마트폰 주요 기능과 연결
  - <a href="tel:010-1234-4333">전화걸기</a>
  - <a href="sms:010-1234-4333">문자 보내기</a>
  - <a href="mailto:somtm@daum.net">메일 보내기</a>
  - <a href="sms:">문자 보내기</a>
  - <a href="mailto:">메일 보내기</a>
  - 7자리 숫자나 전화 번호 형태, 전화 연결 자동 기능 사용하지 않으려면
    <meta name="format-detection" content="telephone=no">

10 플리킹과 인티케이터
  - iScroll 이용
  - 가로 플리킹 코드 작성 유용한 사이트
    github.com/codefactory/cfSlidePanel
    codefactory.kr

11 autocomplete, autocapitalize
  - iOS 사파리 웹 브라우저만 지원

12 pattern
  - iOS 사파리 웹 브라우저만 지원

13 모바일 웹 표준
  - W3C mobileOk Checker
     validator.w3.org/mobile 에서 검사
  - 한국형 모바일 OK
     v.mobileok.kr

14 파이어폭스 User Agent Switcher