[B! HTML5] charunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

charun id:charun

HTML5ã«é–¢ã™ã‚‹charunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

ãƒ†ã‚ã‚¹ãƒˆã‚„SVGã‚„ç”»åƒãŒ3Dã§å‹•ãï¼HTMLã§å®Ÿè£…ã—ãŸè¦ç´ ã‹ã‚‰3Dã‚¢ãƒ‹ãƒ¡ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ztext.js
æ™®é€šã®HTMLã§å®Ÿè£…ã•ã‚ŒãŸãƒ†ã‚ã‚¹ãƒˆã‚„SVGã‚„ç”»åƒã‚’ç«‹ä½“çš„ã«ã™ã‚‹ãŸã‚ã«ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è‡ªå‹•ç”Ÿæˆã—ã€3Dã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã™ã‚‹JavaScriptã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ—¥æœ¬èªžã‚„çµµæ–‡å—ã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒžã‚¦ã‚¹æ“ä½œãªã©ã«åå¿œã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ztext.js ztext.js -GitHub ztext.jsã®ç‰¹å¾´ ztext.jsã®ãƒ‡ãƒ¢ ztext.jsã®ä½¿ã„æ–¹ ztext.jsã®ç‰¹å¾´ ztext.jsã¯HTMLè¦ç´ ã‹ã‚‰ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è‡ªå‹•ç”Ÿæˆã™ã‚‹ã“ã¨ã§ã€ãƒ†ã‚ã‚¹ãƒˆã‚„SVGã‚„ç”»åƒã‚’3Dã«ã§ãã¾ã™ã€‚Canvasã‚„WebGLã¯ä¸€åˆ‡å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚
charun 2020/09/08
SVG

ãƒ†ã‚ã‚¹ãƒˆ

ç”»åƒ

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

HTML5
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
ã€ŒMercari Engineeringã€ã¯ ãƒ¡ãƒ«ã‚«ãƒªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã€ ã‚ªãƒ¼ãƒ—ãƒ³ã«å…¬é–‹ãƒ»å…±æœ‰ã—ã¦ã„ããŸã‚ã®ã‚µã‚¤ãƒˆã§ã™ã€‚
charun 2019/12/04
é«˜é€ŸåŒ–

HTML

HTML5

javascript

ç”»åƒ

æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿
ãƒªãƒ³ã‚¯
æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¨ã¯ï¼Ÿãƒ¡ãƒªãƒƒãƒˆã‚„ç¨®é¡žãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ãƒ„ãƒ¼ãƒ«ãªã©åˆå¿ƒè€…ã«ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ï¼ï½œSEOãƒ©ãƒœ
æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¨ã¯ã€Webãƒšãƒ¼ã‚¸ã®æ§‹é€ ã‚’æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ï¼ˆGoogleï¼‰ã«ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹ãŸã‚ã«HTMLã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹å°‚ç”¨ã®ã‚³ãƒ¼ãƒ‰ã®ã“ã¨ã§ã™ã€‚ ã“ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¯ã€ã‚ã‚‰ã‹ã˜ã‚ã€Œschema.orgã€ã§å®šç¾©ã•ã‚Œã¦ã‚‹å°‚ç”¨ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼ˆå±žæ€§ï¼‰ã¨ãƒãƒªãƒ¥ãƒ¼ï¼ˆå±žæ€§å€¤ï¼‰ã‚’ç”¨ã„ã¦HTMLã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ï¼ˆæ§‹é€ åŒ–ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ï¼‰ã™ã‚Œã°ã€ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…å®¹ã‚’èªè˜ã—ã‚„ã™ããªã‚‹ã®ã§ã€ãã®åˆ†Webãƒšãƒ¼ã‚¸ï¼ˆãƒ–ãƒã‚°è¨˜äº‹ï¼‰ã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ãŒä¿ƒé€²ã•ã‚Œã¾ã™ã€‚ ãã†ãªã‚Œã°ã€Googleã«è©•ä¾¡ã•ã‚Œã‚„ã™ããªã‚‹ã®ã§ã€SEOã®è‰¯ã„åŠ¹æžœãŒè¦‹è¾¼ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ä¸€æ–¹ã€æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’è¨˜è¿°ã—ãªã‘ã‚Œã°ã€ã‚¯ãƒãƒ¼ãƒ©ãƒ“ãƒªãƒ†ã‚£ãŒä¸ŠãŒã‚Šã¾ã›ã‚“ã€‚ ãã†ãªã‚Œã°ã€ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã«ãŠã‘ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç†è§£ã®ã—ã‚„ã™ã•ãŒä¿ƒé€²ã§ããªã„ã®ã§ã€ãã®åˆ†Googleã‹ã‚‰è©•ä¾¡ã•ã‚Œã¥ã‚‰ããªã‚‹ã§ã—ã‚‡ã†ã€‚ ã“ã†ã—ãŸè‰¯ããªã„çŠ¶æ³ã‚’å›žé¿ã™ã‚‹ç‚ºã«ã€æ§‹é€ åŒ–ãƒ‡
charun 2019/10/05
SEO

Google

HTML

HTML5

æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å¾¡ç”¨é”ã® MDN web docs ã‚’ç¶²ç¾…ã—ãŸ
ã“ã®ãƒªã‚¹ãƒˆã¯ä½•ï¼Ÿ MDN web docs ã‚’ã€ã‚ãŸã‹ã‚‚æ›¸ç±ã®ç›®æ¬¡ã‹ã®ã”ã¨ãæ•´ç†ã—ãªãŠã—ãŸã‚‚ã®ã§ã™ã€‚ãã‚Œãžã‚Œ MDN web docs ã®è¨˜äº‹ã¸ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚ ãªãœã“ã‚ŒãŒå¿…è¦ã«ãªã£ãŸã‹ã¨ã„ã†ã¨ã€äººæå¸‚å ´ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå°‘ãªã™ãŽã‚‹ç¾çŠ¶ã‚’ã©ã†ã«ã‹ã™ã‚‹ã¹ãæ•™è‚²ä½“åˆ¶ã‚’æ•´ãˆã‚‹ã¨ã“ã‚ã‹ã‚‰è€ƒãˆå§‹ã‚ãŸã®ã§ã™ãŒã€ãã‚Œãªã‚‰ã¾ãšã¯æ—¥é ƒãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ MDN web docs ã‚’æ•™æã¨ã—ã¦æ‰±ã„ãŸã„ãªã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚æ…£ã‚Œã¦ãã¦ã‚‚ã‚ˆãå‚ç…§ã™ã‚‹ã—ã€Œã‚¢ãƒ¬ã©ã“ã ã£ã‘ãªãï¼Ÿã€ã‚’è»½æ¸›ã‚‚ã—ã‚„ã™ã„ã‹ãªã£ã¦ã€‚ MDN web docs ã¯å†…å®¹ãã®ã‚‚ã®ã¯ã‹ãªã‚Šå……å®Ÿã—ã¦ã„ã‚‹ã‚‚ã®ã®ã€ãƒªãƒ³ã‚¯ãŒã‚ã‚‰ã‚†ã‚‹æ–¹å‘ã«å¼µã‚Šå·¡ã‚‰ã›ã‚‰ã‚Œã¦ãŠã‚Š ã‚ã‚‹ä¸€å®šã®æµã‚Œã«æ²¿ã£ã¦èªã‚€ ã¨ã„ã†ã“ã¨ãŒå°‘ã€…é›£ã—ã„å´é¢ã‚‚ã‚ã‚Šã¾ã™ã€‚ç‰¹ã«åˆå¦è€…ã«ã¨ã£ã¦ã¯ã€è¿·åã«ãªã‚Šã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã§ã™ã®ã§ã€åˆå¦è€…ã§ã‚‚å¦ç¿’ã—ã‚„ã™ã„ã‚ˆã†ã« MDN web docs å…¨ä½“ã®
charun 2019/09/25
HTML

HTML5

CSS

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ•ã‚©ãƒ¼ãƒ

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ãƒªãƒ³ã‚¯
2018å¹´äººæ°—ã ã£ãŸã™ã”ã„HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ™ã‚¹ãƒˆ100é¸ã€Codepenç·¨ã€‘
CodePen ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç¢ºèªãŒã§ãã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®å…±æœ‰ã‚’è¡Œã†ã“ã¨ãŒã§ãã‚‹ã€ä¸–ç•Œã§ã‚‚äººæ°—ã®ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ä»Šå›žã¯ã€Codepenã§2018å¹´ã«äººæ°—ã®é«˜ã‹ã£ãŸHTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ™ã‚¹ãƒˆ100é¸ã€ŒThe Most Hearted of 2018ã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã€ãã®ä¸ã§ã‚‚ç‰¹ã«å°è±¡ã«æ®‹ã£ãŸä½œå“ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚ã£ã¨é©šãã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã€ä»Šå¾Œã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ã„ã‹ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ 2018å¹´äººæ°—ã ã£ãŸã™ã”ã„HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆãƒ™ã‚¹ãƒˆã€Codepenç·¨ã€‘ #99 Animated CSS Seasons CSSã®ã¿ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã€å››å£ã‚’ãžã‚Œãžã‚Œè¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ See the Pen Animated CSS Seasons by agathaco (@agathaco) on CodePen. #97 A
charun 2019/01/11
CSS

HTML

HTML5

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã¾ã¨ã‚

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
æœ€æ–°ç‰ˆï¼ã‚ã‚‰ã‚†ã‚‹Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«ä½¿ãˆã‚‹ã€å¿…è¦æœ€å°é™ã‚’ã¾ã¨ã‚ãŸHTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹å¿…è¦æœ€å°é™ã®æ§‹æˆã§å®Ÿè£…ã•ã‚ŒãŸHTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã«ç™»éŒ²ã—ã¦ãŠãã¨ã€ä¾¿åˆ©ã§ã™ãã€‚ HTML5 Boilerplate -GitHub ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®è§£èª¬ HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5 Boilerplateã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æ—¥æœ¬èªžåŒ–ã—ã¾ã—ãŸã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨åˆ©ç”¨ã€ä¿®æ£ã€é…å¸ƒã€ã‚µãƒ–ãƒ©ã‚¤ã‚»ãƒ³ã‚¹å¯ã§ã™ã€‚ <!doctype html> <html class="no-js" lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>ã‚¿ã‚¤ãƒˆãƒ«</title
charun 2016/09/05
æ–°è¦ã‚µã‚¤ãƒˆhtmlã‚ãƒƒãƒˆ

HTML5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’æ„è˜ã—ã‚ˆã†
2016å¹´6æœˆ14æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, Webãƒ‡ã‚¶ã‚¤ãƒ³ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—ãƒã‚»ã‚¹ãŒå¤‰åŒ–ã—ã¦ã„ã¾ã™ã€‚ä»¥å‰ã€Œå®Ÿè·µã§å¦ã¶Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚¬ã‚¤ãƒ‰ ã¾ã¨ã‚ã€ã¨ã„ã†è¨˜äº‹ã§Webã‚µã‚¤ãƒˆã®åˆ¶ä½œæ‰‹é †ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ã“ã®æ–¹æ³•ã¯ã¾ã ä½¿ãˆã‚‹ã‚‚ã®ã®ã€å¾ã€…ã«å»ƒã‚Œã¦ã„ãã§ã—ã‚‡ã†ã€‚æœ€è¿‘ã§ã¯ã“ã®è¨˜äº‹ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€ç”»é¢ã«ã‚ã‚‹ãƒ‘ãƒ¼ãƒ„ï¼ˆéƒ¨å“ï¼‰ã®ã¿ã‚’ç”¨ã„ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ã‚‰ã‹ã˜ã‚æ§˜ã€…ãªãƒ‘ãƒ¼ãƒ„ã‚’ä½œã£ã¦ãŠã„ã¦ã€ãã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦ç”»é¢ã‚’æ§‹æˆã—ã¦ã„ãæ–¹æ³•ã«ç§»ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªãƒ‘ãƒ¼ãƒ„ã‚’ã¾ã¨ã‚ãŸã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¯ï¼Ÿ Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¯æ©Ÿèƒ½ã‚’æŒã¤å„ãƒ‘ãƒ¼ãƒ„ï¼ˆéƒ¨å“ï¼‰ã®é›†åˆä½“ã§ã™ã€‚ä¾‹ãˆã°æ–™é‡‘è¡¨ã²ã¨ã¤ã¨ã£ã¦ã‚‚ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ç·šã€ãƒœã‚¿ãƒ³ã€è‰²ãªã©ã€æ§˜ã€…ãªæƒ…å ±ã‚’çµ„ã¿åˆã‚ã›ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ãã‚Œ
charun 2016/06/22
åˆ¶ä½œãªãŒã‚Œ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

CSS

HTML5

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
XHTMLã‚’HTML5ã«ä¸€æ‹¬ç½®æ›ã™ã‚‹æ–¹æ³•
Googleã•ã‚“ãŒ4æœˆ21æ—¥ã¾ã§ã«ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚µã‚¤ãƒˆã«ã—ãªã„ã¨ã€ã‚¹ãƒžãƒ›æ¤œç´¢çµæžœã®é †ä½ã‚’è½ã¨ã™ï¼ˆã‚‚ã—ãã¯ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’ä¸Šã’ã‚‹ï¼‰äº‹ã‚’æ£å¼ã«ç™ºè¡¨ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³åŒ–ã‚’è¡Œãªã†éš›ã«å¿…è¦ãªãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ç‰ã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚ã€æ‰€æœ‰ã‚µã‚¤ãƒˆã‚’XHTMLï¼ˆXHTML1.0 Transitionalï¼‰ã‹ã‚‰HTML5ã«å¤‰æ›ã—ãŸã€‚ ã¨ã„ã£ã¦ã‚‚ã€HTML5ã§ä½¿ãˆãªããªã£ãŸã‚¿ã‚°ã‚„è¦ç´ ã¯çµæ§‹ãªé‡ã‚ã‚‹ã®ã§ã€ã‚ãã¾ã§ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ã¨ã‹ã®ãƒ‘ãƒƒã¨è¦‹ã¦ç›®ã«ã¤ãéƒ¨åˆ†ã®ã¿ã‚’å¤‰æ›ã—ãŸã ã‘ã®ç°¡æ˜“çš„ãªã‚‚ã®ãªã®ã§æ³¨æ„ã€‚ ã¾ã‚ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã¯html5ã¨ã—ã¦èªã¿å–ã£ã¦ãã‚Œã‚‹ã‹ã‚‰OKãªã‚“ã ã‘ã©ã€ãã£ã¡ã‚Šhtml5ã«ã™ã‚‹ãªã‚‰ã€ãŒã£ã¤ã‚Šå‹‰å¼·ãŒå¿…è¦ã¨æ€ã‚ã‚Œã€‚ ã¨ã‚Šã‚ãˆãšã€ä»¥ä¸‹ç½®æ›ã—ãŸæ‰‹é †ã£ã¦ã„ã†ã‹ã€ç½®æ›ã—ãŸã‚³ãƒ¼ãƒ‰ä¸€è¦§ã€‚ ç½®æ›ã—ãŸã‚³ãƒ¼ãƒ‰ ä»¥ä¸‹ã®ç½®æ›å‰ãƒ»ç½®æ›å¾Œã®ã‚³ãƒ¼ãƒ‰ã‚’ç½®æ›ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦å¤‰æ›ã—ãŸã€‚ å®£è¨€æ–‡1 XH
charun 2015/12/20
HTML5
ãƒªãƒ³ã‚¯
http://ruucb.com/blog/2014-01-18/sublime-text-emmet-html/
charun 2014/10/04
webåˆ¶ä½œ

ä¾¿åˆ©

HTML5

CSS
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã„ã„ï¼HTML5ã¨CSS3ã®ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ãŒã¾ã‚‹ã£ã¨æƒã£ã¦ã„ã‚‹ -Web Directions
HTML5ã®videoã‚„audioã‚„canvasã€CSS3ã®ãƒ†ã‚ã‚¹ãƒˆã‚„ãƒœãƒƒã‚¯ã‚¹ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€ã‚¦ã‚§ãƒ–åˆ¶ä½œã«å½¹ç«‹ã¤ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ãŒæ•°å¤šãæƒã£ã¦ã„ã‚‹Web Directionsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãªãŒã‚‰é«˜æ©Ÿèƒ½ãªã®ã§ã€ä»–ã®ãƒ„ãƒ¼ãƒ«ã‚’åˆ©ç”¨ã—ã¦ã„ãŸäººã‚‚ä¸€åº¦ã€ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ã€‚æ°—ã«å…¥ã‚‹ã¨æ€ã„ã¾ã™ã€‚
charun 2014/02/16
Webã‚µãƒ¼ãƒ“ã‚¹

HTML5

CSS3
ãƒªãƒ³ã‚¯
1