MaKeYOurOwN mkyoon

1. 모바일의 한계
   • 정말 중요한 컨텐츠만
   • 팝업은 최소한으로
   • 이미지는 최소한으로
   • 1px 차이는 여유롭게
2. XHTML
   • 2.1 DTD
     • 국내외 모바일 서비스의 DTD
   • 2.2 해상도와 Viewport
     • 해상도의 차이
     • Viewport
     • 가로 세로 모드
   • 2.3 바로가기 아이콘
     • 홈 화면에 추가
     • Apple Touch Icon
   • 2.4 <link>
   • 2.5 <table>
   • 2.6 Link(anchor)
     • 전화번호
     • 메일주소
3. CSS
   • 3.1 문서 너비는 100%로
   • 3.2 Image 최소화
     • CSS Sprite
     • CSS Sprite 부작용
     • 둥근 모서리
     • 그림자
   • 3.3 숨겼다 나타내기
     • visibility: hidden;
   • 3.4 텍스트
     • 텍스트 크기
4. Javascript
   • 주소창 숨기기
5. 유용한 도구
   • 시뮬레이터
   • 프레임워크

div {
     float: left;
     width: 400px;
     padding: 10px;
     border-right: 1px solid #fff;
     background-color: #888;
     font: 12px/1.3 Gulim;
}
span {
     background-color: #fff;
}

<div>
     <span>동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한 사람 대한으로 길이 보전하세.</span>
</div>
<div>
     <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
</div>