[B! html] ariyosã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ariyos id:ariyos

htmlã«é–¢ã™ã‚‹ariyosã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’remã§æŒ‡å®šã™ã‚‹ã€‚ï¼ˆemã¨ã®æ¯”è¼ƒï¼‰ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€‚mackyã§ã™ã€‚ CSS3ã§è¿½åŠ ã•ã‚ŒãŸremã¨ã„ã†å˜ä½ãŒä¾¿åˆ©ãªç†ç”±ã‚’pxã‚„emã¨æ¯”è¼ƒã—ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ IE8ä»¥ä¸‹ã¯éžå¯¾å¿œã§ã™ã®ã§ã€pxæŒ‡å®šã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„RWDã«ã¯ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ã€‚ ã¡ãªã¿ã«ã€ remã¨ã„ã†ã®ã¯ã€ã€Œroot+emã€ï¼ˆãƒ«ãƒ¼ãƒˆã‚¨ãƒ ï¼‰ã®ç•¥ã§htmlã®ã‚µã‚¤ã‚ºã‚’ç¶™æ‰¿ã™ã‚‹emã ã¨ã€‚ ãªã‚‹ã»ã©ã€ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãã®ã¾ãˆã«emï¼ˆpxã‚‚ï¼‰ã®ç¶™æ‰¿ã‚’ãŠã•ã‚‰ã„ã€‚ px(ãƒ”ã‚¯ã‚»ãƒ«) ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã®æŒ‡å®šã€‚ ç’°å¢ƒã«ã‚ˆã£ã¦å¤‰åŒ–ã—ãªã„çµ¶å¯¾å˜ä½ã§ã™ã€‚ em(ã‚¨ãƒ ) æ–‡å—ã®é«˜ã•ã‚’åŸºæº–ã«ã—ãŸå˜ä½ã€‚1emã¯1æ–‡å—åˆ†ã§ã€ç’°å¢ƒã«ã‚ˆã£ã¦å¤§ãã•ãŒå¤‰åŒ–ã™ã‚‹ç›¸å¯¾å˜ä½ã€‚ bodyãªã©ã§font-sizeã®æŒ‡å®šã‚’ã—ã¦ã„ãªã„å ´åˆã€ã‚ã‚‹ã„ã¯font-size:100%ãªã‚‰ã€Œ1em=16pxã€ãŒåŸºæº–ã«ãªã‚Šã¾ã™ã€‚ ã¾ãšã¯pxã¨emã‚’ãŠã•ã‚‰ã„ pxã¨emã«ã¤ã„ã¦ã®ã‚ã‹ã‚Šã‚„ã™ã„èª¬æ˜Žã¯ã“
ariyos 2014/10/07
html
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„HTML/CSS
1. HTML/CSS ã€œ ã€ŒãŠãƒ»ã‚‚ãƒ»ã¦ãƒ»ãªãƒ»ã—ã€ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚ ã€œ TAKEHARU IGARI Front-end Engineer / Evangelist ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„ <html5j ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨ ç¬¬â¼€å›žå‹‰å¼·ä¼š /> 2. ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ« â€¢ TAKEHARU IGARI çŒªç‹© ä¸ˆæ²» - æ‰€å±ž â€¢ æ ªå¼ä¼šç¤¾ Lei HauÊ¼oli ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ - ç•¥æ´ â€¢ è¡¨â½°é€Ÿåº¦ã€ä¿å®ˆæ€§ã€ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€SEOã‚’è€ƒæ…®ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’å¾—æ„ã¨ã—ã€ ç¾åœ¨ã€å„ãƒŠã‚·ãƒ§ãƒŠãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¸»è¦ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆ ã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã‚Šã€â¾¼é€ŸåŒ–ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚‚â¾ã†ã€‚ - åŸ·ç† â€¢ æŠ€è¡“è©•è«–ç¤¾ã€ŒWEB+DB PRESSã€ â€¢ Vol.66 ã€œæˆ‘æµã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã®å’æ¥HTMLæ§‹é€ åŒ–æŒ‡å— â€¢ Vol.59 ã€œã€ŒWebã‚µã‚¤ãƒˆè¶…â¾¼é€ŸåŒ–å®Ÿæ³ä¸ç¶™ â”€â”€
ariyos 2014/06/17
css

html
ãƒªãƒ³ã‚¯
ã¨ã¦ã‚‚ä½¿ãˆãã†ãªJavaScriptã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆCSSã¨HTMLã‚‚ã‚¢ãƒªãƒžã‚¹ï¼‰ - ã“ã®ãƒ–ãƒã‚°ã¯è¨¼æ˜Žã§ããªã„ã€‚
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã˜ã‚ƒãªã„ã‚“ã ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒæ¬²ã—ã„ã‚“ã ã€‚ã¨ã„ã†ã¨ãã«ä¾¿åˆ©ãã†ã§ã™ã€‚è‹±èªžã§ã™ã€‚ JavaScript: Learn JavaScript, jQuery, Angular.JS & More â€” SitePoint è§£èª¬ãŒã‚·ãƒ³ãƒ—ãƒ«ã€‚è§£èª¬ä¸ã®å˜èªžãŒãƒªãƒ³ã‚¯ã«ãªã£ã¦ã¦ã€åˆ¥ã®è§£èª¬ãƒšãƒ¼ã‚¸ã«é£›ã¹ã‚‹ã€‚ã™ã¹ã¦ã«ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ãŒè¼‰ã£ã¦ã„ã‚‹ã€‚ã“ã‚Œé‡è¦ã€‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒè¼‰ã£ã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‚é‡è¦ã€‚ ã†ã¾ã„ã“ã¨ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ†ã‘ã•ã‚Œã¦ã„ã¾ã™ãŒã€æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰æ¤œç´¢ã™ã‚‹ã“ã¨ã‚‚ã§ãã¦ä¾¿åˆ©ã§ã™ã€‚ã“ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã€ä»Šå¾Œä½¿ã£ã¦ã„ãã“ã¨ã«ãªã‚Šãã†ãªäºˆæ„Ÿã€‚ã€‚ CSSã‚„HTMLã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ CSS: Learn CSS, CSS3, Bootstrap, Sass, LESS & more â€” SitePoint SitePoint HTML ? Learn HTML, HTML5, Boilerp
ariyos 2009/12/03
JavaScript

html

css

reference
ãƒªãƒ³ã‚¯
æºå¸¯ã‚µã‚¤ãƒˆï¼ˆhtmlï¼‰ã®åˆ¶ä½œã«å…¥ã‚‹å‰ã«ç¢ºèªã—ã¦ãŠããŸã„ãƒã‚§ãƒƒã‚¯é …ç›® â”‚ ã“ã‚Œã‹ã‚‰ã‚†ã£ãã‚Šè€ƒL +Î±
ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç´ æ•µãªã‚“ã ã‘ã©ã€æºå¸¯ã§ã“ã‚Œã¯ã¡ã‚‡ã£ã¨ã§ããªã„ãªãƒ¼ã€ã¨ã‹ã€ã€Œç„¡ç†ã§ã¯ãªã„ã‘ã©ã§ãã‚Œã°é¿ã‘ã¦ãŠã„ãŸæ–¹ãŒã„ã„ã‚ˆãªãƒ¼ã€ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ãŒã£ã¦ãã‚‹ã“ã¨ãŒå¤šã„ä»Šæ—¥ã“ã®é ƒã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã‚„ã‚Šæ…£ã‚Œã¦ã„ã‚‹äººã˜ã‚ƒãªã„ã¨ãƒ¢ãƒã‚¤ãƒ«ã§ã§ãã‚‹ã“ã¨ã§ããªã„ã“ã¨ã€cssã‚’ä½¿ã‚ãªã„ã¨å®Ÿç¾ã§ããªã„ã“ã¨ã€tableä½¿ã‚ãªã„ã¨å®Ÿç¾ã§ããªã„ã“ã¨ã€ãªã©ãŒåˆ†ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§å½“ç„¶ã ã¨ã¯æ€ã†ã®ã§ã™ãŒã€‚ ã§ã™ãŒã€çŸ¥ã£ã¦ã„ã‚‹ã®ã¨çŸ¥ã‚‰ãªã„ã®ã¨ã§ã¯å·¥æ•°ãŒã‹ãªã‚Šé•ã£ã¦ãã¾ã™ã€‚ ä¸€æ—¦ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã€ã‚³ãƒ¼ãƒ€ãƒ¼ã«ãã‚Œã‚’è¦‹ã›ã¦ã€Œã‚³ã‚³ã¨ã‚³ã‚³ã¨ã‚³ã‚³ã¯å®Ÿç¾ä¸å¯èƒ½ã€‚ã‚„ã‚Šç›´ã—ã¦ãã ã•ã„ã€‚ã€ã§å·®ã—æˆ»ã•ã‚Œã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã‚Šç›´ã—ã¦ã£ã¦ãªã‚‹ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚2åº¦æ‰‹é–“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ç„¡ç†ãªé …ç›®ã‚’æ´—ã„å‡ºã™ã‚³ãƒ¼ãƒ€ãƒ¼ã«ã‚‚ä½™è¨ˆãªæ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ä»Šå›žæ´—ã„ã ã—ãŸé …ç›®ã¯ã€ãªã‚“ã›è‡ªåˆ†ãŒã‚³ãƒ¼ãƒ€ãƒ¼ãªã®ã§ã€ã‚³ãƒ¼ãƒ€ãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚‚ã‚‰ã£ãŸæ™‚ã«ãƒãƒ¼ãƒƒã¨è¦‹ã¦ãƒã‚§ãƒƒ
ariyos 2009/10/30
mobile

html
ãƒªãƒ³ã‚¯
3ã‚ãƒ£ãƒªã‚¢å¯¾å¿œã‚±ãƒ¼ã‚¿ã‚¤XHTMLã®TIPS 8ã¤ : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
æœ€è¿‘ã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚ãƒ£ãƒªã‚¢ã‚„æ©Ÿç¨®ã«ã‚ˆã£ã¦å‹•ä½œã«ã„ã‚ã„ã‚ã¨é•ã„ãŒã‚ã‚Šã€ãªã‹ãªã‹é¢å€’ã§ã™ãã€‚ ã‚ãƒ£ãƒªã‚¢ã”ã¨ã«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’åˆ†ã‘ã¦è¨˜è¿°ã™ã‚‹ã®ã¯æ‰‹é–“ãªã®ã§ã€åŸºæœ¬çš„ã«å…±é€šãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§è¨˜è¿°ã—ãŸã„ã¨ã“ã‚ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚æŒ¯ã‚Šåˆ†ã‘ã‚’ã—ãªã„ã¨é§„ç›®ãªã“ã¨ã‚‚ã‚ã‚‹ãŸã‚ã€ä»Šå›žã‚„ã£ã¦ã¿ã¦æ°—ãŒã¤ã„ãŸé•ã„ãªã©ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãªãŠã€ã„ã‚ã‚†ã‚‹ç¬¬ä¸‰ä¸–ä»£æºå¸¯é›»è©±(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)ã§XHTMLå¯¾å¿œæ©Ÿç¨®ã®ã¿ã‚’å¯¾è±¡ã¨ã—ã¦ã„ã¾ã™ã€‚ â– æ–‡å—ã‚³ãƒ¼ãƒ‰ UTF-8ã§çµ±ä¸€ã—ã¦å¤§ä¸ˆå¤«ãã†ãªã®ã§ã™ãŒã€DoCoMoã®ã¿ç‰¹å®šã®æ–‡å—(ä¸‰ç‚¹ãƒªãƒ¼ãƒ€ãƒ¼ã‚„ä¸¸æ•°å—ãªã©)ã‚’ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰å…¥åŠ›ã—ãŸå ´åˆã«æ¶ˆãˆã¦ã—ã¾ã£ãŸã‚Šã™ã‚‹ã‚ˆã†ã§ã™ã®ã§ã€DoCoMoã¯å…¥å‡ºåŠ›ã‚’Shift_JISã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ â€»ä¸Šè¨˜ã§ç‰¹å®šã®æ–‡å—ã®ã²ã¨ã¤ã¨ã—ã¦ã‚ã’ã¾ã—ãŸä¸‰ç‚¹ãƒªãƒ¼ãƒ€ãƒ¼ã§ã™ãŒã€UT
ariyos 2009/09/04
mobile

html
ãƒªãƒ³ã‚¯
è‰²è¦‹æœ¬ ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆ
è‰²è¦‹æœ¬(ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆ)ã§ã™ã€‚webä¸Šã«è‰²è¦‹æœ¬ãƒšãƒ¼ã‚¸ãŒæ®†ã©ç„¡ã‹ã£ãŸ1998å¹´ã«æä¾›é–‹å§‹ä»¥æ¥ã€å›½å†…ã§æœ€ã‚‚å¤šãé–²è¦§ã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã§ã™ã€‚
ariyos 2009/04/15
tool

html
ãƒªãƒ³ã‚¯
ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆ
å…è²¬äº‹é …ï¼šæœ¬ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã¯ã€ä¸€èˆ¬çš„ãªæƒ…å ±æä¾›ã®ã¿ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã€å½“ç¤¾ã¯æƒ…å ±ã‚’æœ€æ–°ã‹ã¤æ£ç¢ºã«ä¿ã¤ã‚ˆã†åŠªåŠ›ã—ã¾ã™ãŒã€ã„ã‹ãªã‚‹ç›®çš„ã«ãŠã„ã¦ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¾ãŸã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã€è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã€é–¢é€£ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹å®Œå…¨æ€§ã€æ£ç¢ºæ€§ã€ä¿¡é ¼æ€§ã€é©åˆæ€§ã€åˆ©ç”¨å¯èƒ½æ€§ã«ã¤ã„ã¦ã€æ˜Žç¤ºã¾ãŸã¯é»™ç¤ºã‚’å•ã‚ãšã„ã‹ãªã‚‹è¡¨æ˜Žã¾ãŸã¯ä¿è¨¼ã‚‚è¡Œã„ã¾ã›ã‚“ã€‚å¾“ã£ã¦ã€ã“ã‚Œã‚‰ã®æƒ…å ±ã«ä¾æ‹ ã™ã‚‹ã“ã¨ã¯ã€ã‚ãã¾ã§ã‚‚ãŠå®¢æ§˜ã”è‡ªèº«ã®è²¬ä»»ã«ãŠã„ã¦è¡Œã‚ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ å½“ç¤¾ã¯ã€å½“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã”åˆ©ç”¨ã«èµ·å› ã™ã‚‹ã„ã‹ãªã‚‹æå®³ã«ã¤ã„ã¦ã‚‚è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã®ç®¡ç†ä¸‹ã«ãªã„ä»–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å½“ç¤¾ã¯ã€ãã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã®æ€§è³ªã€å†…å®¹ãŠã‚ˆã³åˆ©ç”¨å¯èƒ½æ€§ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã¯å¿…ãšã—ã‚‚æŽ¨å¥¨ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ãƒªãƒ³ã‚¯å…ˆã§è¿°ã¹ã‚‰
ariyos 2008/06/01
ã†ã¾ããªã‚ŠãŸã„

html

css
ãƒªãƒ³ã‚¯
1