MaKeYOurOwN mkyoon

box-shadow: 3px 3px red, 2px 2px #eee; 
-webkit-box-shadow: 3px 3px red, 2px 2px #eee;
-moz-box-shadow: 3px 3px red, 2px 2px #eee;

border-radius: 20px/10px;
-webkit-border-radius: 20px/10px;
-moz-border-radius: 20px/10px;

background: url(gradient.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff));
background: -moz-linear-gradient(top, #00abeb, #fff);

border-width: 0 20px 0 10px; 
border-image: url(http://shared.starpl.com/images2/mobile/btn_reply.gif) 0 20 0 10 stretch stretch;
-webkit-border-image: url(http://shared.starpl.com/images2/mobile/btn_reply.gif) 0 20 0 10 stretch stretch;
-moz-border-image: url(http://shared.starpl.com/images2/mobile/btn_reply.gif) 0 20 0 10 stretch stretch;

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. 유용한 도구
   • 시뮬레이터
   • 프레임워크