[B! CSS][iPhone] iwmrã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

iwmr id:iwmr

CSSã¨iPhoneã«é–¢ã™ã‚‹iwmrã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
iwmr 2012/02/06
ã‚·ãƒ³ãƒ—ãƒ«ãªviewportã®æŒ‡å®šã§iPhone/Androidã«å¯¾å¿œã™ã‚‹ã€‚

HTML

CSS

iPhone

Android
ãƒªãƒ³ã‚¯
iPhone ã§ ã€Œposition:fixedã€ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«å®Ÿç¾ã™ã‚‹ ã€ŒScrollabilityã€
ã—ã‹ã—ã€æ®‹å¿µãªãŒã‚‰iOS4.Xã¯ position:fixed; ã¯æŒ‡å®šã§ãã¾ã›ã‚“ã€‚ãã“ã§ç´¹ä»‹ã—ãŸã„ã®ãŒã€ŒScrollabilityã€ã§ã™ã€‚ã€ŒScrollabilityã€ã¯ JavaScript ã§è¦ç´ ãŒç”»é¢æœ€ä¸‹éƒ¨ã¸å›ºå®šã§ãã¾ã™ã€‚
iwmr 2011/08/12
CSS

JavaScript

iPhone

iOS
ãƒªãƒ³ã‚¯
ã€ŽiPhoneã‚µã‚¤ãƒˆã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ç°¡å˜ã«ãƒ•ãƒªãƒƒã‚¯æ“ä½œå¯¾å¿œã•ã›ã‚‹ã€
æœ¬ã‚’è²·ã‚ãšã«è§£æ±ºã™ã‚‹Webåˆ¶ä½œã®å°æŠ€ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚è€ƒæ›¸ã‚’è²·ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webãƒ‡ã‚¶ã‚¤ãƒ³ jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Webä½œæˆä¸ï¼ iPhoneã‚µã‚¤ãƒˆã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ãƒ•ãƒªãƒƒã‚¯æ“ä½œã«å¯¾å¿œã•ã›ã‚‹â€»iPhoneã§è¦‹ã¦ãã ã•ã„ ãƒ•ãƒªãƒƒã‚¯å¯¾å¿œã®ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ å…ˆæœˆã€iPhoneã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸiPhoneãƒ‡ã‚¶ã‚¤ãƒ³ãƒœãƒƒã‚¯ã‚¹ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ åéŸ¿ã¯ã™ã”ãã‚ã‚Šã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ–ãƒã‚¬ãƒ¼ã®ãƒã‚¿å¸³ã•ã‚“ã‚„Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã•ã‚“ã€PHPSPOTke-tai.orgã•ã‚“ãªã©å¤šãã®æ–¹ã«ç´¹ä»‹ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç°¡å˜ãªæ–¹æ³•ã¨ã—ã¦ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®jQueryMobileã‚’ä½¿ã†æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã¯ã€æœ€åˆã‹ã‚‰æ¥½ã‚’ã™ã‚‹ã®ãŒå¥½ãã§ã¯ãªã„ã®ã§è‡ª
iwmr 2011/04/10
iPhone

CSS

HTML
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã«ã¦ãƒ•ã‚©ãƒ¼ãƒ ãƒœã‚¿ãƒ³ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«è¦šãˆã¦ãŠããŸã„CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ç¦ç…™ã—ã¦ã‹ã‚‰ï¼“ãƒ¶æœˆã€ç€å®Ÿã«ä½“é‡ãŒå¢—åŠ ã—ã¦ã„ã‚‹ishidaã§ã™ã€‚ å…ˆé€±åœŸæ›œæ—¥ã«CSS Nite LP13ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ã¡ã‚‡ã†ã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãŠä»•äº‹ãŒé€²è¡Œä¸ã§ã—ãŸã®ã§ã€ã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ç¾åœ¨ã‚»ãƒŸãƒŠãƒ¼å†…å®¹ã‚’æŒ¯ã‚Šè¿”ã‚Šå¦ç¿’ä¸ã§ã™ã€‚ ãã‚Œã¨CSS Niteé–¢é€£ã§ã™ã¨ã€ä½•ã‚„ã‚‰ CSS Nite LP14 ã«ã¦å¼Šç¤¾ãƒ¡ãƒ³ãƒãƒ¼ãŒç™»å£‡ã™ã‚‹ã¨ã‹ã—ãªã„ã¨ã‹ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã¯ã€CSS3ã§è§’ä¸¸ã‚„ã‚‰ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½¿ãˆã‚‹ã®ã§ç”»åƒã®ä½¿ç”¨é »åº¦ã¯å°‘ãªããªã‚Šã¾ã™ã€‚ãƒœã‚¿ãƒ³ã¾ã‚ã‚Šã«ã¤ã„ã¦ã‚‚CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹æ©Ÿä¼šãŒå¤šã„ã§ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®submitãƒœã‚¿ãƒ³ã‚’CSSã®ã¿ã§è¡¨ç¾ã™ã‚‹éš›ã«ã¯ã€ã¡ã‚‡ã£ã¨ã‚¯ã‚»ãŒã‚ã‚Šã¾ã—ãŸã®ã§ è§£æ±ºæ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æ¤œç´¢ã™ã‚‹submitãƒœã‚¿ãƒ³ã‚’ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’CSSã®ã¿ã§å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ ã¾ãšã¯ç°¡å˜ã«æ¨ªå¹…ã¨èƒŒæ™¯è‰²ãƒ»è§’ä¸¸ã‚’CSSã§è¨å®šã—ã¦ã¿ã¾ã™
iwmr 2011/01/26
CSS

iPhone
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
iwmr 2011/01/25
iPhone

HTML

CSS
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒªãƒ–ãƒã‚°ï¼šã‚µãƒ¼ãƒ“ã‚¹ã¯çµ‚äº†ã—ã¾ã—ãŸã€‚
ã€Œã‚¦ã‚§ãƒ–ãƒªãƒ–ãƒã‚°ã€ã¯ 2023å¹´1æœˆ31æ—¥ ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹æä¾›ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ 2004å¹´3æœˆã®ã‚µãƒ¼ãƒ“ã‚¹é–‹å§‹ã‚ˆã‚Š19å¹´è¿‘ãã‚‚ã®é–“ã€æ²¢å±±ã®çš†ã•ã¾ã«ã”æ„›ç”¨ã„ãŸã ãã¾ã—ãŸã“ã¨ã‚’å¿ƒã‚ˆã‚ŠãŠç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ä»Šå¾Œã¨ã‚‚ã€BIGLOBEã‚’ã”æ„›é¡§è³œã‚Šã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ â€»å¼•ã£è¶Šã—å…ˆãƒ–ãƒã‚°ã¸ã®ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¯2024å¹´1æœˆ31æ—¥ã§çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ BIGLOBEã®ã‚µãƒ¼ãƒ“ã‚¹ä¸€è¦§
iwmr 2008/07/08
CSS

iPhone

HTML
ãƒªãƒ³ã‚¯
1