[B! markup] akira_maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akira_maru id:akira_maru

markupã«é–¢ã™ã‚‹akira_maruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

ã€ä¿å˜ç‰ˆã€‘Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åŸºç¤ŽåŠ›ï¼ˆåˆå¿ƒè€…å‘ã‘ï¼‰ - Qiita
ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãWebãƒšãƒ¼ã‚¸ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å®Ÿè£…ã‚’ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨å‘¼ã³ã¾ã™ã€‚ æœ€è¿‘ã¯JSONè‰²ã¤ã‘ä¿‚ã¨å‘¼ã°ã‚Œã¦ãŸã‚Šã—ã¾ã™ãŒã€ Webé–‹ç™ºæœªçµŒé¨“ãƒ»åˆå¿ƒè€…å‘ã‘ã«æœ€ä½Žé™çŸ¥ã£ã¦ãŠã„ãŸã»ã†ãŒè‰¯ã„åŸºç¤ŽçŸ¥è˜ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«é–¢ã—ã¦ä½“ç³»çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ï¼ˆCodePenã«ã‚ˆã‚‹å‹•ä½œä¾‹ä»˜ãï¼‰ ç’°å¢ƒæ§‹ç¯‰ã«é–¢ã—ã¦ã¯ï¼ˆå…Žã«è§’ï¼‰æ—©ããƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚‹æŠ€è¡“ï¼ˆåˆå¿ƒè€…å‘ã‘ï¼‰ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ HTMLã€CSSã€JavaScriptã¯ãƒ–ãƒ©ã‚¦ã‚¶è‡ªä½“ã®å®Ÿè£…ã«ä¾å˜ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯æ¯”è¼ƒçš„æ±Žç”¨çš„ã«ä½¿ãˆã‚‹æ›¸ãæ–¹ã‚„HTMLã€CSSã€JSã‚’è¨˜è¼‰ã—ãŸã¤ã‚‚ã‚Šã§ã™ãŒ æœ€æ–°ã®JavaScript APIã‚„CSS3ã®æ©Ÿèƒ½ã«ã‚ˆã£ã¦ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ã€‚ï¼ˆç‰¹ã«IEï¼‰ å„æ©Ÿèƒ½ã«é–¢ã—ã¦ã¯Can I useã§ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTML HTML(Hyper Text Markup La
akira_maru 2019/11/12
markup

é–‹ç™º
ãƒªãƒ³ã‚¯
ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’CSSã§ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã¤ä¾¿åˆ©ãªã‚»ãƒ¬ã‚¯ã‚¿ã¨ãã®ä½¿ã„æ–¹
ãƒ•ã‚©ãƒ¼ãƒ ã‚’CSSã§ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã®ã¯é›£ã—ã„ã¨æ€ã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€inputè¦ç´ ã¨ãã‚Œã«é–¢é€£ã™ã‚‹è¦ç´ ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãŸã‚ã®ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚»ãƒ¬ã‚¯ã‚¿ãŒã‚ã‚Šã¾ã™ã€‚ã„ãã¤ã‹ã¯æ¯”è¼ƒçš„æ–°ã—ã„ã‚»ãƒ¬ã‚¯ã‚¿ã§ã™ãŒã€æ˜”ã‹ã‚‰å˜åœ¨ã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®è¦‹ãŸç›®ã ã‘ã§ãªãã€æ©Ÿèƒ½ã‚‚å¼·åŒ–ã™ã‚‹CSSã®ä¾¿åˆ©ãªã‚»ãƒ¬ã‚¯ã‚¿ã¨ãã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Advanced CSS-Only Form Styling by Jonathan Harrell ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ãŸãƒ‡ãƒ¢ :placeholder-shown :required :optional :disabled :read-only :valid :invalid :in-range/:out-of-range :checked ãƒ•ã‚©ãƒ¼ãƒ
akira_maru 2017/11/22
form

markup

css
ãƒªãƒ³ã‚¯
divè¦ç´ ã®æ£ã—ã„ä½¿ã„æ–¹
2017å¹´11æœˆ17æ—¥ã®ã€Œã¾ã¼ã‚ã—ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š #1ã€ã§ãŠè©±ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ #mbrs_markup_study
akira_maru 2017/11/22
div

markup

html
ãƒªãƒ³ã‚¯
IDã‚’ä½¿ã‚ãªã„CSSã®è¨è¨ˆ - kojika17
CSSã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã§ã¯IDã‚’ä½¿ç”¨ã—ãªã„ã€ã¨ã„ã†è©±ã‚’ã‚ˆãèžãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ç§ã‚‚æœ€è¿‘ã¯ã€IDã‚’ä½¿ã‚ãšã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã®ã§æ‰€æ„Ÿã‚’æ›¸ãã¾ã™ã€‚ CSSã§IDã‚’ä½¿ã‚ãªã„ ã€ŒIDã‚’ä½¿ã‚ãªã„ã€ã¨ã„ã†ã“ã¨ã‚’HTMLã®å¤‰åŒ–ã§ç¤ºã™ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sit emap"><a href="">sit emap</a></li> </ul> </div> â†“â†“â†“â†“ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></
akira_maru 2015/06/11
css

markup
ãƒªãƒ³ã‚¯
HTML5 Forms: The Markup â€” SitePoint
Key Takeaways HTML5 introduces a range of new input types and attributes for forms, including em ail, tel, url, search, number, range, date, datetime, datetime-local, month, week, time, and color, which provide native input assistance and validation without any JavaScript code. HTML5 provides read-only output options, including output (the result of a calculation or user action), progress (a progre
akira_maru 2014/05/25
html5

form

markup
ãƒªãƒ³ã‚¯
ã‚ˆãã‚ã‚‹3ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©è§£
Webåˆ¶ä½œã«ãŠã„ã¦HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¯çµ¶å¯¾ã®æ£è§£ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã—ã¦ã„ã‚‹ã¨ãã€ç‰¹ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚’æ„è˜ã—ãŸã¨ãã€Œã“ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ£ã—ã„ã®ã ã‚ã†ã‹ã€ã¨æ‚©ã‚€ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦è€ƒãˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€ŒMarkupCafeã€ãŒhtml5jãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—éƒ¨ã®ä¸»å‚¬ã®ã‚‚ã¨é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ã€ŒMarkupCafeã€ã§ã¯å‚åŠ è€…åŒå£«ãŒãƒãƒ¼ãƒ ã«åˆ†ã‹ã‚Œã€ãŠé¡Œã¨ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã—ã¦è°è«–ã—ã€è‡ªåˆ†ãŸã¡ãªã‚‰ã“ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ã„ã£ãŸè€ƒãˆã‚’ç™ºè¡¨ã—åˆã„ã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ŒMarkupCafeã€ã§å‡ºã•ã‚ŒãŸâ€ãƒ•ãƒƒã‚¿ãƒ¼â€ã€â€ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆâ€ã€â€æ±‚äººæƒ…å ±â€ã®3ã¤ã®ãŠé¡Œã‚’ã‚‚ã¨ã«ã€Webåˆ¶ä½œã«ãŠã‘ã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æ‰ãˆæ–¹ã€èª¤ã£ãŸä½¿ã„æ–¹ã‚’ã—ãŒã¡ãªè¦ç´ ãªã©ã«ã¤ã„ã¦è€ƒãˆã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©è§£ã‚’æŽ¢ã‚Šã¾ã™ã€‚ â€»html5jã¯ã€HTML5ãªã©ã®Webãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ æŠ€è¡“ã‚’ä½¿ã£ãŸã€Œã‚‚ã®ã¥ãã‚Šã€ã«é–¢ã‚ã‚‹
akira_maru 2013/09/26
markup

html
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆåˆ¶ä½œã®å‚è€ƒã«ãªã‚‹ã€Œå„ªã‚ŒãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã€10ã®ãƒã‚¤ãƒ³ãƒˆ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
æ™®æ®µã¯ä¸»ã«Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ‹…å½“ã—ã¦ã„ã‚‹ãƒ©ã‚¤ã‚¿ãƒ¼ã®å†…è—¤ã§ã™ã€‚ ä¸‹è¨˜ã®è¨˜äº‹ã«ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é ‚ãã¾ã—ãŸã®ã§ã€ç¾Žã—ã„ã ã‘ã§ã¯ãªã„â€å„ªã‚Œã¦ã„ã‚‹â€ã¨æ€ã‚ã‚Œã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€è¦ç‚¹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ åƒ•ã¯æ™®æ®µå®Ÿè£…ã‚’ã‚„ã£ã¦ã„ã¦ã€ã‚«ãƒ³ãƒ—ãŒå±Šã„ã¦ã€Œã“ã‚Œã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ãã ã•ã„ï¼ã€ã£ã¦ã„ã†ãŠä»•äº‹ãŒã»ã¨ã‚“ã©ãªã®ã§ã™ãŒã€ã‚«ãƒ³ãƒ—ã«ã‚ˆã£ã¦ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã‚„ã™ã„ã‚‚ã®ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«æ®ºæ„ã‚’è¦šãˆã‚‹ã‚‚ã®ã¾ã§è‰²ã€…ã‚ã‚Šã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã‚³ãƒ¼ãƒ€ãƒ¼ã¸ç›´æŽ¥ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå›žã‚‹ã“ã¨ã‚‚ã‚ã‚Œã°ã€é–“ã«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒå…¥ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ç¾Žã—ã„ãƒ»ãã‚Œã„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚Œã°ã‚ã‚‹ã»ã©ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰çµ„ã‚‚ã€ã‚ˆã—ã€ã‚„ã£ã¦ã‚„ã‚ã†ã˜ã‚ƒãªã„ã‹ï¼ã¨æ°—åˆã„ãŒå…¥ã‚‹ã®ã¯äº‹å®Ÿã§ã™ã€‚ ã‘ã‚Œã©ã‚‚ã€ç¾Žã—ã„ã ã‘ã§ãªãâ€å„ªã‚ŒãŸâ€ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚Œã°ã€ä»¥ä¸‹ã®æ§˜ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒæ¥½ã«ãªã‚‹ã®ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰çµ„ã«å„ªã—ã„ ä¸‹æµå·¥ç¨‹ã®
akira_maru 2013/07/19
markup

cording
ãƒªãƒ³ã‚¯
HTML5 ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å¿ƒæŽ›ã‘ãŸã„äº‹ - HTML5 ã®ã„ã‚ã„ã‚ãªè¦ç´
HTML5 ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å¿ƒæŽ›ã‘ãŸã„äº‹ã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚ å¹³æˆ25å¹´ 5æœˆ16æ—¥ç¾åœ¨ã€HTML5 å‹§å‘Šã«å‘ã‘ã¦ã€ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®é–‹ç™ºè€…ã¯ HTML5 ã¸ã®å¯¾å¿œã‚’æ€¥é€Ÿã«é€²ã‚ã¦ãŠã‚Šã¾ã™ãŒã€ãã†ã§ãªã„ç’°å¢ƒã€ä¾‹ãˆã°éŸ³å£°å‡ºåŠ›ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ CUI ç’°å¢ƒå‘ã‘ãƒ†ã‚ã‚¹ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã«ã¤ã„ã¦ã¯ã€æ®†ã©ã¨è¨€ã£ã¦è‰¯ã„ç¨‹è©±ã‚’èžãã¾ã›ã‚“ã€‚ ã“ã†è¨€ã£ãŸäº‹ã‹ã‚‰ã€HTML4/XHTML1 æ™‚ä»£ã®ç’°å¢ƒã§ã‚‚å•é¡Œãªãå–ã‚Šæ‰±ãˆã‚‹ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã¹ãã§ã—ã‚‡ã†ã€‚ ã¯ã˜ã‚ã«ã€‚ å¹³æˆ24å¹´12æœˆ17æ—¥ã« HTML5 ã®å‹§å‘Šå€™è£œãŒç™ºè¡¨ã•ã‚Œã€HTML5 ã¯å‹§å‘Šã«å‘ã‘ã¦å¤§ããå‰é€²ã—ã¦ãŠã‚Šã¾ã™ã€‚ ç‰¹ã«ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®é–‹ç™ºè€…ã¯ã€WAHTWG ã«åŠ ç›Ÿã—ã¦ã„ãªã„ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾ã‚’å«ã‚ã¦ HTML5 ã¸ã®å¯¾å¿œã‚’æ€¥é€Ÿã«å‹§ã‚ã¦ãŠã‚Šã€è¥¿æš¦2014å¹´ã«å‹§å‘Šã•ã‚Œã‚‹é ƒã«ã¯ã€æ®†ã©ã®ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãŒ HTML5 å¯¾å¿œã«ãªã£ã¦ã„ã‚‹
akira_maru 2013/05/18
markup

html5
ãƒªãƒ³ã‚¯
ReFlowã®åŽŸå› ã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©åŒ– Â« NAVER Engineers' Blog
è‡ªå·±ç´¹ä»‹ ãƒã‚¤ãƒãƒ¼ã‚¸ãƒ£ãƒ‘ãƒ³ã®UIT(User Interface Techno logy)ãƒãƒ¼ãƒ ã®è£µå®Œç†(ãƒ™ãƒ¯ãƒ‹)ã§ã™ã€‚ æ¦‚è¦ CSSã‚„JavaScriptã‚’ä½¿ã£ã¦è¤‡é›‘ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å‹•çš„ãªãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ãŒã€é€Ÿåº¦ä½Žä¸‹ãªã©ã®å•é¡ŒãŒç™ºç”Ÿã—ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚’100%ç›´ã™ã“ã¨ã¯é›£ã—ã„ã§ã™ãŒã€æ”¹å–„ã™ã‚‹ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã®ã§ã€ç†è§£ã—ãŸä¸Šã§æ”¹å–„æ–¹æ³•ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã®ç†è§£ ãƒ–ãƒ©ã‚¦ã‚¶ã®åŸºæœ¬æ§‹é€ User Interface â€“ ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã€æˆ»ã‚‹ãƒ»é€²ã‚€ãƒœã‚¿ãƒ³ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã€ãƒ¡ã‚¤ãƒ³ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«è¡¨ç¤º(document)ã•ã‚Œã‚‹ãƒšãƒ¼ã‚¸ä»¥å¤–ã®éƒ¨åˆ† Browser Engine â€“ UIã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³é–“ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’åˆ¶å¾¡ã™ã‚‹ã‚‚ã® Rendering Engine â€“ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨
akira_maru 2012/10/23
markup

performance

optimization

javascript

css
ãƒªãƒ³ã‚¯
HTML5ã§ã¤ã¾ãšãã‚„ã™ã„asideã¨sectionã®ä½¿ã„æ–¹
HTML5åˆ†ã‹ã‚Šã«ãã„ã§ã™ã‚ˆãã€‚ åˆã‚ã¾ã—ã¦ã€‚11æœˆã‹ã‚‰MEèª²ã§åƒã„ã¦ã„ã‚‹ä¹…ä¿ç”°(@ta2_o2p)ã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ è‡ªåˆ†ã®ä»•äº‹ã¨ã—ã¦ã¯ã€æºå¸¯ã‚µã‚¤ãƒˆä¸å¿ƒã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€BMKidsã®ç¸èµ·ç‰©ã¨ç¬‘ã„è¢‹ã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ãŸã‚Šã€ä»–ã«ã‚‚è‰²ã€…ã¨PCã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€å®Ÿã¯ã‚«ãƒ¤ãƒƒã‚¯ã§åƒãå§‹ã‚ã¦HTML5ã‚’æœ¬æ ¼çš„ã«è§¦ã£ãŸã®ã§ã™ãŒã€è§¦ã‚Œã¦ã„ãã†ã¡ã«ã€ŒHTML5ã¯ã‚„ã‚„ã“ã—ã„æ‰€ãŒã‚ã‚‹ãªãƒ¼ã€ã¨æ€ã„ã€ã“ã®è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ãã†ã„ã†è¨³ã§ã€HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«å½“ãŸã£ã¦é–“é•ã„ã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦ã€æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšãã®å‰ã« æœ¬é¡Œã¨ã¯åã‚Œã¾ã™ãŒã€HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æŠ¼ã•ãˆã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’2ã¤æ›¸ãã¾ã™ã€‚ æ–‡å—ã‚³ãƒ¼ãƒ‰ã®æŒ‡å®šã¯metaè¦ç´ ã®charsetå±žæ€§ã§ ä»Šã¾ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«metaè¦ç´ ã®ä¸ã«é•·ã€…ã¨å±žæ€§ã‚’
akira_maru 2012/02/27
markup

section

aside

html5
ãƒªãƒ³ã‚¯
çµå±€ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading è¨³æ³¨ Diving In ã“ã®ç« ã§
akira_maru 2011/12/28
markup

html5
ãƒªãƒ³ã‚¯
1