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

MuneOchi id:MuneOchi

htmlã«é–¢ã™ã‚‹MuneOchiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ãã‚Œã ã‘ã‚’å®Ÿè£…ã™ã‚‹HTMLã¨CSSã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã®ã¾ã¨ã‚
Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã©ã€ãã‚Œã ã‘ã‚’å®Ÿè£…ã™ã‚‹HTMLã¨CSSã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ãŸCSS Layoutã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãã‚Œã ã‘ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã€HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‰ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã ã¨æ€ã„ã¾ã™ã€‚ã‚¹ãƒ‹ãƒšãƒƒãƒˆã«ç™»éŒ²ã—ã¦ãŠãã¨ã€ä¾¿åˆ©ã§ã™ãã€‚ CSS Layout CSS Layout -GitHub CSS Layoutã®ç‰¹å¾´ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã ã‘ã‚’å®Ÿè£…ã™ã‚‹ã‚³ãƒ¼ãƒ‰ CSS Layoutã®ç‰¹å¾´ CSS Layoutã¯ã€ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã ã‘ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‰ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ CSS Layout ä¾å˜é–¢ä¿‚ã¯ä¸€åˆ‡ç„¡ã— ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å¿…è¦ç„¡ã— ãƒ”ãƒ¥ã‚¢CSSã§å®Ÿè£…ã€CSS
MuneOchi 2021/02/19
ã‚ã¨ã§èªã‚€

css

html
ãƒªãƒ³ã‚¯
ã€Ž2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ã€ã«å‚åŠ ã—ã¦ããŸ #html5semi - Diary of absj31
2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ : ATND 2012/01/20 2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ #html5semi - Togetter (å†™çœŸï¼šç¥žä¿ç”ºé§…æ”¹æœå‰) HTML5é–¢é€£ãƒã‚¿ã¯ã‚„ã‚ã†ã‚„ã‚ã†ã¨æ€ã„ã¤ã¤å€‹äººçš„ã«ã¯ãƒªãƒ¼ãƒå‡ºæ¥ã¦ãªã„åˆ†é‡Žã§ã—ã¦ã€ã¡ã‚‡ã£ãã‚‰æ‹è¦‹ã—ã¦ãã¾ã—ãŸã€‚ã¡ãªã¿ã«ä¸Šè¨˜ã®å‹Ÿé›†ã‚µã‚¤ãƒˆã€å‡„ã„äººæ°—ã§200äººã®å®šå“¡ã«ä¸€æ™‚ã¯å€ã®400äººãŒç™»éŒ²ã™ã‚‹ã¨è¨€ã†äº‹æ…‹ã«ã€‚HTML5äººæ°—ã¯å‡„ã„ã§ã™ãã€œã€‚ é–‹å‚¬é–‹å ´ã¯æ ªå¼ä¼šç¤¾ã‚ªãƒ—ãƒˆï¼‘Få¤§ä¼šè°å®¤ï¼ ç¥žä¿ç”ºã€‚ã“ã®æ—¥ã¯æœã‹ã‚‰é›ªãŒé™ã‚‹ãªã©ã—ã¦å¤©å€™ãŒå´©ã‚Œã¦ã„ã¾ã—ãŸãŒã€å¤•æ–¹ã€œé–‹å‚¬ã®é ƒã«ã¯å•é¡Œç„¡ãæ¢ã‚“ã§ãŠã‚Šã¾ã—ãŸã€‚ã—ã‹ã—å¤–ã¯å¯’ã‹ã£ãŸï¼(>_<) å…¥å ´æ™‚ã®çŠ¶æ³ã§5åˆ†ç¨‹é…ã‚Œã¦æœ¬ç·¨ã‚¹ã‚¿ãƒ¼ãƒˆã€‚ä»¥ä¸‹ãƒ¡ãƒ¢ã§ã™ã€‚ åŸºèª¿
MuneOchi 2012/01/23
html5

JavaScript

css3

HTML
ãƒªãƒ³ã‚¯
1æ™‚é–“ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’1æ™‚é–“ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4æœˆ7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚ã‚‹å‰²åˆãŒ50%ã‚’è¶Šãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ–°è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šãå‡ºã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ å®Ÿè£… å…¨éƒ¨ã§8ã‚¹ãƒ†ãƒƒãƒ—ã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ä¾‹ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ ã‚’å¤‰æ›´ã—ã¾ã™ã€‚å¾ŒåŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¡Œã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚æœ€åˆ
MuneOchi 2011/04/26
jQuery Mobileã€€ä¾¿åˆ©ã ã

HTML

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Videoã§iPadãŒãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ã«ï¼ (1/6)
iPadã¨å¤–éƒ¨ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æŽ¥ç¶šã—ã¦ãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ã«ä½¿ã†ã€‚HTML Videoã‚’å†ç”Ÿã™ã‚‹ã¨ã€å‹•ç”»ã ã‘ãŒãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«å‡ºåŠ›ã•ã‚Œã‚‹ã€‚ç”»åƒã‚¯ãƒªãƒƒã‚¯ã§ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ã¾ã™ï¼ˆiPadå°‚ç”¨ï¼‰ iPadãŒæ—¥æœ¬ã§ç™ºå£²ã•ã‚Œã¦ã‹ã‚‰1ã‹æœˆã»ã©çµŒã¡ã¾ã—ãŸã€‚è³¼å…¥ã•ã‚ŒãŸæ–¹ã¯ã©ã®ã‚ˆã†ã«ä½¿ã£ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ iPadã®é…åŠ›ã¯ã€ç™ºå£²å‰ã‹ã‚‰è©±é¡Œã®é›»åæ›¸ç±ã‚„é›»åé›‘èªŒã®ãƒªãƒ¼ãƒ€ãƒ¼ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚PCã‚ˆã‚Šã‚‚å®‰ä¾¡ã§å°ã•ãã€æ“ä½œæ€§ã®è‰¯ã„ãƒãƒƒãƒˆç«¯æœ«ã¨ã—ã¦ã®ç‰¹æ€§ã‚’ç”Ÿã‹ã—ã¦ã€ã€Œãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ã€ã®ç”¨é€”ã§æ´»ç”¨ã§ãã‚‹ã®ã‚‚é…åŠ›ã®ã²ã¨ã¤ã§ã™ã€‚ iPadã‚’ä½¿ã£ãŸãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ ãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ã¯æ—¥æœ¬èªžã«ã™ã‚‹ã¨ã€Œé›»åçœ‹æ¿ã€ã§ã€å®¤å†…ãƒ»å±‹å¤–ã«é›»åæ©Ÿå™¨ã‚’åˆ©ç”¨ã—ã¦æŽ²ç¤ºã™ã‚‹åºƒå‘Šã®ã“ã¨ã§ã™ã€‚å†™çœŸã‚„æ–‡å—ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã—ãŸã‚Šã€æ´¾æ‰‹ãªCGã‚„å‹•ç”»ã‚’è¡¨ç¤ºã—ãŸã‚Šã¨ã€ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ã¯ã€iPad æœ¬ä½“ã ã‘ã§ã‚‚æ¨™æº–ã®ã‚¹ãƒ©ã‚¤ãƒ‰æ©Ÿèƒ½
MuneOchi 2010/08/02
ãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ã¨ã¯ã€Œé›»åçœ‹æ¿ã€ã®ã“ã¨ã€‚é›»åçœ‹æ¿ã®æ–¹ãŒã¯ã‚‹ã‹ã«ç›´æ„Ÿçš„ã€‚videoã‚¿ã‚°ã¯ä¾¿åˆ©

iPad

html

html5

ãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸
ãƒªãƒ³ã‚¯
ã§ã€å®Ÿéš›ã®ã¨ã“ã‚HTML5ã§ã©ã®ãã‚‰ã„ã®ã‚¢ãƒ—ãƒªãŒå®Ÿè£…ã§ãã‚‹ã®ã‹å®Ÿé¨“ã—ã¦ã¿ãŸ
å°‘ã—å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã‚‚è§¦ã‚ŒãŸäº‹ãŒã‚ã‚‹ãŒã€ã€Œã“ã®ã¾ã¾HTML5ãŒæ™®åŠã—ã¦ãã‚Œã‚Œã°ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚¢ãƒ—ãƒªã®å¤§åŠã¯HTML+CSS+Javascriptã ã‘ã§ä½œã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ„Ÿã˜å§‹ã‚ã¦ã„ã‚‹ç§ã§ã‚ã‚‹ã€‚ ã‚‚ã¡ã‚ã‚“ã€ãã†ãªã‚‹ã«ã¯ã€Œè¦æ ¼ãŒãã¡ã‚“ã¨çµ±ä¸€ã•ã‚Œã‚‹ã€ã€Œã¾ã¨ã‚‚ãªå®Ÿè£…ã‚’ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒååˆ†ã«æ™®åŠã™ã‚‹ã€ã€ŒiPhoneã®ä¸€äººå‹ã¡ã«ã¯ãªã‚‰ãªã„ã€ãªã©ã®æ¡ä»¶ãŒæº€ãŸã•ã‚Œã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€å¿…ãšã—ã‚‚ãã†ãªã‚‹ã¨ã¯é™ã‚‰ãªã„ãŒã€å°‘ãªãã¨ã‚‚ã€Œãã‚ãã‚ã‚ãƒãƒ³ã¨å‹‰å¼·ã—ã¦ãŠã„ã¦æã¯ãªã„ã€æŠ€è¡“ã§ã‚ã‚‹ã“ã¨ã¯ç¢ºã‹ã€‚
MuneOchi 2009/09/14
html5è‰¯å¥½ãªã‚µãƒ³ãƒ—ãƒ«ãªã‚Š

javascript

html

web

development
ãƒªãƒ³ã‚¯
æ¤œç´¢çµæžœã§æœ‰åˆ©ã«ãªã‚‹çŸ¥ã‚‰ã‚Œã–ã‚‹HTMLã‚¿ã‚°5ç¨®é¡ž - GIGAZINE
ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ç¾åœ¨ã®ã‚¦ã‚§ãƒ–æ¤œç´¢ã®ãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã‚’ã—ã‚ã‚‹ãƒãƒœãƒƒãƒˆåž‹æ¤œç´¢ã¯ã€å›žåŽã—ãŸãƒšãƒ¼ã‚¸ã®HTMLã‚¿ã‚°ã‚’è§£é‡ˆã—ã¦æ„å‘³ã‚’ä¸Žãˆã€é‡è¦åº¦ã‚’åˆ¤å®šã—ã€æ¤œç´¢çµæžœã«åæ˜ ã•ã›ã¾ã™ã€‚ ä¾‹ãˆã°ã‚¿ã‚¤ãƒˆãƒ«ã«ä½¿ã‚ã‚Œã‚‹H1ãªã©ã®ã‚¿ã‚°ã¯ã‚ˆã‚Šé‡è¦ãªæ–‡å—åˆ—ã¨è¦‹ãªã—ã¾ã™ã—ã€ãƒªãƒ³ã‚¯ã‚¿ã‚°ã«ã€Œrel=nofollowã€ãŒå…¥ã£ã¦ã„ã‚Œã°ãƒšãƒ¼ã‚¸ãƒ©ãƒ³ã‚¯ãªã©ã®è¨ˆç®—ã§ãƒã‚¤ãƒ³ãƒˆä»˜ä¸Žè©•ä¾¡ã‚’ç„¡è¦–ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ãã‚Œä»¥å¤–ã«ã‚‚æ•°ã€…ã®SEOæ¥è€…ãŒèª¿ã¹ãŸã‚Šå®Ÿé¨“ã—ã¦ããŸçµæžœã€ã‚ˆã‚Šæœ‰åŠ¹ã«è§£é‡ˆã•ã‚Œã‚‹ã¨åˆ¤æ–ã•ã‚Œã‚‹ãŒã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„5ç¨®é¡žã®ã‚¿ã‚°ãŒå˜åœ¨ã—ã¾ã™ã€‚ ä»¥ä¸‹ãŒãã®5ã¤ã®ã‚¿ã‚°ã§ã™ã€‚ SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressã‚¿ã‚° ä½æ‰€ã€é›»è©±ç•ªå·ãªã©ã®é€£çµ¡å…ˆã‚’ç¤ºã™ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚é›»åãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚„ãƒ¡ãƒƒã‚»ãƒ³ã‚¸ãƒ£ãƒ¼ã®æƒ…å ±
MuneOchi 2006/08/22
Web

html
ãƒªãƒ³ã‚¯
1