iphone Web 0848066
1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22
iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1
2000 iphone 2008 7 11 Apple iphone 3G ios iphone Android OS AQUOS PHONE GALAXY iphone Web Web Web HTML CSS Web iphone 2
Web HTML CSS iphone Web iphone iphone Web iphone Web Apple Safari Mobile Safari Web iphone iphone Yahoo!Japan Google livedoor Amazon mixi 3
iphone iphone Web iphone Webkit HTML Web HTML5 CSS3 iphone Web HTML5 CSS Web HTML Mobile Safari / Flash 1 iphone Web PDF Mobile Safari 4
iphone 2 CSS :hover JavaScript onmouseover JavaScript iphone Flash SUMSUNG NTT GALAXY S Flash iframe Mobile Safari HTML5 frame frameset noframes iframe iphone 1 Mobile Safari iphone 5
iphone Web iphone 320px 480px 740 960px iphone 320px 480px 480px 320px 320px Mobile Safari URL 356px HTML script JavaScript URL HTML <script type= text/javascript src= js/iphone.js ></script> </body> </html> 6
js. window.addeventlistener( load, function(){ settimeout(function(){ scrollto(0,1); },100); }, false); 320px 320px Mobile Safari 7
14px 16px 1.4 1.6 10px 44px section 1 div <section> <h1> </h1> <p> </p> </section> section article nav header footer figure small HTML iphone Viewport Viewport iphone 8
980px / Viewport Viewport meta <meta name= viewport content= /> Viewport Mobile Safari <meta name= viewport content= width=980px,initial- scale=1.0, user- scalable=yes,minimum- scale=0.25,maximum- scale=1.6 /> device- width 320px 9
header section figure nav footer HTML Viewport CSS head <!DOCTYPE html> <html lang= ja > <head> <meta charset= utf- 8 /> <title> </title> <meta name= viewport content= width=device- width /> <meta name= format- detection content= telephone=no /> <link rel= apple- touch- icon href=.png /> <link rel= stylesheet href= css.css media= screen /> 10
</head> DOCTYPE HTML DOCTYPE html HTML5 lang= ja UTF- 8 Viewport device- width Mobile Safari - telephone=no Mobile Safari iphone Web 11
114px 114px PNG iphone apple- touch- icon.png CSS CSS media media handheld iphone screen CSS Web iphone Mobile Safari margin padding CSS Mobile Safari - webkit- text- size- adjust- auto CSS none iphone HTML5 HTML5 12
HTML5 display h1 display:block header display:block img l i table 0 iphone CSS3 Mobile Safari - webkit- - webkit- border-radius: 8px; // border-radius:8px; // 13
iphone iphone CSS 60px nav ul li alt HTML5 img alt iphone 1 14
iphone 3 iphone iphone 3.htaccess.htaccess Web iphone Web mod_rewrite URL.htaccess <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTP_USER_AGENT} iphone RewriteRule ^$ http://www.example.com/iphone/ [R] </IfModule> JavaScript (index.html) URL 15
<head> <script> if (navigator.useragent.indexof( iphone )!= - 1) { location.href=http://www.example.com/iphone/; } </script> </head.> PHP PHP PHP PHP PHP <? Php if (strops($_sever[ HTTP_USER_AGENT ], iphone )!== false){ header( location: URL ); }?> Web Mac 16
Mac iphone ios OSX Web iphone iphone iphone ios SDK iphone Developer Program ios SDK iphone Developer Platforms iphonesimulator.platform Developer Applications Spotlight iphone Simulator iphone / Option Web Safari Web URL Web http:// file:// /Users i ipad Windows iphone Windows 17
Windows Safari iphone Web XAMPP for Windows XAMPP Control Panel Apache XAMPP C xampp htdocs iphone http:// IP / ipad 2010 5 2011 ipad ipad iphone Web ipad iphone ipad iphone Viewport 980px 18
ipad 980px iphone ipad 9.7 JPEG 32 GIF PNG TIFF iphone4 3 ipad 2 ipad Web Web iphone iphone iframe embed HTML5 video Web ipad Web Flash ipad Web ipad ipad ipad Viewport Flash 19
positione:fixed ipad Viewport 2 1 Viewport width Viewport 2 Viewport width + 980px width=1024px Viewport 982px 930 Flash Flash Flash Flash Flash Flash iphone ipad iframe overflow News 20
iphone ipad position:fixed Web position:fixed CSS ipad position:fixed ipad CSS ipad CSS.footer { position: fixed; width:100%; bottom: 0; } position:static ipad.footer iphone ipad 21
JavaScript ontouchstart onmousedown ontouchmove onmousemove ontouchhead onmouseup iphone ipad HTML CSS iphone ipad ipad2 4 iphone ipad 22
Web HTML CSS Web Web Web 23
HTML5+CSS3 iphone Yahoo! http://techblog.yahoo.co.jp/html5/html5/ HTML5 http://w3g.jp/blog/studies/html5report ipad Files http://arigato- ipod.com/ipad- iphone- ipod- touch.html to- R http://blog.webcreativepark.net/2010/08/13-205903.html iphone wiki http://www.iphooone.com/pukiwiki/index.php?frontpage iphone Web http://sourceforge.jp/magazine/08/10/30/1051230 iphone ipad http://synapse28.com/iphone- ipad / 24