[B! HTML] rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rikuo id:rikuo

HTMLã«é–¢ã™ã‚‹rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (131)

${{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
ä¸»ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã®è¦–ç‚¹ã‹ã‚‰èªžã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã§ã™ãŒã€åˆ¶ä½œã¨ã„ã†å´ã‹ã‚‰ã¯ã©ã®ã‚ˆã†ã«æ‰ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚2ã¤ã®åˆ‡ã‚Šå£ã‹ã‚‰è€ƒãˆã¦ã¿ã¾ã™ã€‚ # ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã„ã†æ–‡è„ˆã«ãŠã„ã¦ã€ä½•ã®ãŸã‚ã«HTMLã‚’æ›¸ãã‹ã¨ã„ã†è©±ã«ãªã‚‹ã¨ ãƒžã‚·ãƒ³ãƒªãƒ¼ãƒ€ãƒ“ãƒªãƒ†ã‚£ã®ãŸã‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ãŸã‚ ã¨ã„ã†ã‚ˆã†ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã™ã‚‹ãŸã‚ã€ã¨ã„ã†ã¨ã“ã‚ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸèªžã‚‰ã‚Œæ–¹ãŒå¤šã„ã‚ˆã†ã«æ„Ÿã˜ã¦ã„ã¾ã™ ã‚‚ã¡ã‚ã‚“ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãŸã‚ã«ä½œã‚‹ã¨ã„ã†ã®ã¯æ£ã—ã„ã®ã§ã™ãŒã€ä»Šå›žã¯ã‚ãˆã¦è¦–ç‚¹ã‚’å¤‰ãˆã¦ã€åˆ¶ä½œè€…è‡ªèº«ã®ä½œã‚‹ã¨ã„ã†ã¨ã“ã‚ã«è¦–ç‚¹ã‚’åˆã‚ã›ã¦è©±ã—ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ åƒ•ãŒã©ã†ã„ã†ã‚‚ã®ãªã®ã‹ã¨ã„ã†ã¨ã€ # å‚ç…§: å…¨éƒ¨å…¥ã‚ŠHTMLå¤ªéƒŽ(@_yuheiy)ã•ã‚“ | Twitter ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã§ã¯ã€Œå…¨éƒ¨å…¥ã‚ŠHTMLå¤ªéƒŽã€ã¨ã„ã†åå‰ã§ã‚„ã£ã¦ã„ã¾ã™ # å‚ç…§: ã‚·ãƒ•ãƒˆãƒ–ãƒ¬ã‚¤ãƒ³ï¼ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¦ãƒ‹ãƒƒãƒˆ
rikuo 2019/03/18
html

markup

accessibility

presentation
ãƒªãƒ³ã‚¯
æ™®é€šã®HTMLã®æ›¸ãæ–¹
ä¿å®ˆã—ã‚„ã™ãã€è¦æ¨¡ã«ä¾å˜ã—ãªã„HTMLæ–‡æ›¸ã®ãŸã‚ã« ä¸€èˆ¬ DOCTYPEã§å§‹ã‚ã‚‹ ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ã¹ãã¾ãŸã¯æ—§å¼ã®DOCTYPEã‚’ä½¿ã‚ãªã„ XMLå®£è¨€ã‚’ä½¿ç”¨ã—ãªã„ æ–‡å—å‚ç…§ã¯ã§ãã‚‹é™ã‚Šä½¿ã‚ãªã„ &ã¨<ã€>ã€"ã€'ã¯åå‰æ–‡å—å‚ç…§ã‚’ä½¿ã£ã¦ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹ åˆ¶å¾¡æ–‡å—ã‚„ä¸å¯è¦–æ–‡å—ã¯æ•°å€¤æ–‡å—å‚ç…§ã‚’ä½¿ã† ã‚³ãƒ¡ãƒ³ãƒˆã§ã¯ãã®å†…å®¹ã®å‰å¾Œã¸ç©ºç™½æ–‡å—ã‚’ç½®ã çµ‚äº†ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ ç©ºè¦ç´ ã®æ›¸ãæ–¹ã‚’æ··ãœãªã„ ã‚¿ã‚°ã‚„å±žæ€§å€¤ã®å‰å¾Œã¸ç©ºç™½æ–‡å—ã‚’ç½®ã‹ãªã„ å¤§æ–‡å—ãƒ»å°æ–‡å—ã‚’æ··ãœãªã„ å¼•ç”¨ç¬¦ã‚’æ··ãœãªã„ å±žæ€§ã‚’2æ–‡å—ä»¥ä¸Šã®ç©ºç™½æ–‡å—ã§åŒºåˆ‡ã‚‰ãªã„ çœŸå½å€¤ã‚’å–ã‚‹å±žæ€§ã®å€¤ã¯çœç•¥ã™ã‚‹ åå‰ç©ºé–“ã¯çœç•¥ã™ã‚‹ XMLå±žæ€§ã¯ä½¿ã‚ãªã„ data-*ã¨Microdataã€RDFa Liteç”¨ã®å±žæ€§ã¨é€šå¸¸ã®å±žæ€§ã‚’æ··ãœãªã„ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®æš—é»™ã®ARIAã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã‚¹ã‚’å°Šé‡ã™ã‚‹ æ–‡æ›¸è¦ç´ langå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ langå±žæ€§ã®å€¤ã¯ã§ãã‚‹é™ã‚ŠçŸãã™ã‚‹ ã§ãã‚‹é™ã‚Š
rikuo 2018/07/29
html

reference
ãƒªãƒ³ã‚¯
è‹¥ã„ä¸–ä»£ãŒçŸ¥ã‚‰ãªã„2000å¹´ä»£ã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åœ°ç„ - ICS MEDIA
ã‚¦ã‚§ãƒ–ã®é»Žæ˜ŽæœŸã§ã‚ã‚‹2000å¹´é ƒã¨æ¯”ã¹ã¦ã¯ã‚‹ã‹ã«HTMLã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚10ã€œ20å¹´å‰ã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã ã£ãŸã®ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Netscapeã¨IEã®ãƒ–ãƒ©ã‚¦ã‚¶æˆ¦äº‰ã«æ±ºç€ãŒã¤ã„ãŸå¾Œã®ã€IE6ãŒå…¨ç››æœŸã¨ãªã£ãŸ2000å¹´ä»£ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’æŒ¯ã‚Šè¿”ã‚Šã¾ã™ã€‚æ‡ã‹ã•ã«æµ¸ãŸã‚Šã€ç¾ä»£ã®ã‚¦ã‚§ãƒ–ã®æˆã‚Šç«‹ã¡ã«é€šã˜ã‚‹æ¸©æ•…çŸ¥æ–°ãªæƒ…å ±ã¨ã—ã¦å‚ç…§ãã ã•ã„ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ / spacer.gif XHTMLãƒ»CSSãŒæ™®åŠã™ã‚‹ã¾ã§ã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä¸€èˆ¬çš„ã§ã—ãŸã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã¯tableã‚¿ã‚°ã‚’ä½¿ã„ã€æ ¼åçŠ¶ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¦ã„ãæ‰‹æ³•ã§ã™ã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆImage Readyã‚„Fireworksï¼‰ã‹ã‚‰ç”»åƒã‚’åˆ‡ã‚Šå‡ºã™ã€Œã‚¹ãƒ©ã‚¤ã‚¹æ©Ÿèƒ½ã€ã¨ç›¸æ€§ã®ã„ã„æ–¹æ³•ã§ã—ãŸã€‚ <table border="0" cellspacing="0" cellp
rikuo 2018/05/18
history

IE

css

html
ãƒªãƒ³ã‚¯
æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„HTMLã®åŸºæœ¬ã®è©±
ç§ã¯Webåˆ¶ä½œãŒåˆã‚ã¦ã®æ–¹å‘ã‘è¬›åº§ã ã‘ã§ãªãç¾å½¹ã®åˆ¶ä½œè€…ã®æ–¹å‘ã‘ã«æ§˜ã€…ãªWebè¬›åº§ã‚’ã—ã¦ã„ã¾ã™ãŒã€ç¾å½¹ã®Webåˆ¶ä½œè€…ã®æ–¹ã§ã‚‚HTMLã«é–¢ã—ã¦æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚“ã ãªã¨æ€ã†ã“ã¨ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ ç‰¹ã«ã€HTML5ä»¥å‰ã®å¤ã„HTMLã®ä½¿ã„æ–¹ã®ã¾ã¾è¦šãˆã¦ã„ã‚‹æ–¹ãŒå¤šã„ã‚ˆã†ã«æ€ã‚ã‚Œã¾ã™ã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯ãã‚Œã‚’ä¸å¿ƒã«å–ã‚Šä¸Šã’ã¦ã¿ã¾ã—ãŸã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯HTML 5.1ãŠã‚ˆã³WHATWG HTML Standardã®ä»•æ§˜æ›¸ã‚’å‚è€ƒã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ width=â€100%â€ ã®ã‚ˆã†ã«æ•°å€¤ä»¥å¤–ã®æ–‡å—åˆ—ã‚’ â€œâ€ ã«å…¥ã‚Œã‚‹ã®ã¯NG ãŸã¨ãˆã°imgè¦ç´ ãªã©ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å¹…ã„ã£ã±ã„ã«ç”»åƒã‚’è¡¨ç¤ºã—ãŸã„ã¨ã„ã†å ´åˆã€æ˜”ã¯imgè¦ç´ ã« width=â€100%â€ ã®ã‚ˆã†ãªå±žæ€§ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã—ãŸãŒã€HTML5ã‹ã‚‰ã¯widthãªã©ã®å±žæ€§å€¤ã«æ•°å€¤ä»¥å¤–ã‚’å«ã‚ã‚‹ã“ã¨ãŒã§ããªããªã£ã¦ã„ã¾ã™ã€‚ï¼ˆã¤ã¾ã‚Š%ãªã©ã®å˜ä½ã‚’å«ã‚ã‚‹ã“ã¨ãŒã§
rikuo 2017/09/29
html

markup
ãƒªãƒ³ã‚¯
Accessible SVG tables - Tink - LÃ©onie Watson
SVG has no native semantics for representing structures like tables, but ARIA1.1 introduces a number of roles that can be used to polyfill the necessary semantic information. If you're using HTML, use the relevant HTML elements to create tables. The table, thead, tfooter, tbody, th, and td elements are purpose built to do the job. Don't make things harder for yourself by reinventing the wheel. Tha
rikuo 2017/08/07
ã†ãƒ¼ã‚“ï¼Ÿ

SVG

html

WAI-ARIA
ãƒªãƒ³ã‚¯
GitHub - joshbuchea/HEAD: A simple guide to HTML <head> elements
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rikuo 2017/03/21
html

markup

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
langå±žæ€§ã®åŠ¹æžœç¯„å›² - Hail2u
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¨€èªžã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ™‚ã€è‹±èªžã§ä¸€è¦§ã•ã›ã‚‹ã“ã¨ã‚‚å¤šã„ãŒã€ãã‚Œã¨åŒã˜ãã‚‰ã„ãã‚Œãžã‚Œã®è¨€èªžåã§ãã‚Œãžã‚Œã®è¨€èªžã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã€‚æ¯å›½èªžã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚Œã°çµ¶å¯¾ã«ã‚ã‹ã‚‹ã ã‚ã†ã—ã€è¦‹ã¤ã‘ã‚„ã™ã„ã ã‚ã†ã¨ã„ã†ç†å±ˆã ã€‚ãã®ã“ã¨è‡ªä½“ã«ã¯ã„ãã¤ã‹æ¬ ç‚¹ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã‚ã‘ã ãŒã€HTMLã¨ã—ã¦ã¯langå±žæ€§ã‚’ä½¿ãˆã°ã†ã¾ããƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãã‚‹ã ã‚ã†ã€‚åŒæ™‚ã«titleå±žæ€§ã‚’ä½¿ã£ã¦è‹±èªžã§ãƒ•ã‚©ãƒãƒ¼ã™ã‚‹ã¨å®Œç’§â€¦â€¦ã ãŒã€ãã“ãã“é¢å€’ãã•ã„ã“ã¨ã«ãªã‚‹ã€‚ ãã‚Œãžã‚Œã®è¨€èªžåã§ãã‚Œãžã‚Œã®è¨€èªžã‚’è¡¨ç¤ºã—ãŸè¨€èªžé¸æŠžãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯æŠžä¸€ã—ã¥ã‚‰ã„(ã¾ãŸã¯ã‚¹ã‚ãƒ£ãƒ³ã—ã¥ã‚‰ã„)ã¨ã„ã†å•é¡ŒãŒã‚ã‚‹ã€‚ç‰¹ã«ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆï¼‹Î±ã®è¨€èªžåã¯æ··åŒã—ã‚„ã™ã„ã—ã€ã‚½ãƒ¼ãƒˆé †ãŒä¸æ˜Žç¢ºã«ãªã‚Šã‚„ã™ãã€é †ã«ãŸã©ã£ã¦è¦‹ã¤ã‘ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ã©ã“ã‚‰è¾ºã«ã‚ã‚Šãã†ã‹ã‚¢ã‚¿ãƒªã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã§ããªã„ã‚ã‘ã ã€‚ ãƒ«ãƒ¼ãƒˆè¦ç´ ã®langå±žæ€§ã§en-USãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã¨ã™ã‚‹ã€‚ <span la
rikuo 2016/09/08
markup

html

i18n
ãƒªãƒ³ã‚¯
README.ja.md#%E5%8F%AF%E8%83%BD%E3%81%AA%E3%82%89%E3%81%B0for%E5%B1%9E%E6%80%A7%E3%81%AF%E7%9C%81%E7%95%A5%E3%81%99%E3%82%8B
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rikuo 2016/09/01
html

markup
ãƒªãƒ³ã‚¯
æ™®é€šã®HTMLã®æ›¸ãæ–¹(ã¾ãŸã¯HTML Best Practicesæ—¥æœ¬èªžç‰ˆ)
ã“ã®å¤ã€HTMLã«ã¤ã„ã¦æ›¸ãæ©Ÿä¼šãŒåˆ¥ã€…ã«ä½•å›žã‹ã‚ã£ãŸã€‚ãã®ã†ã¡ã¡ã‚ƒã‚“ã¨ã—ãŸå½¢ã§å‡ºã‚‹ã“ã¨ã ã‚ã†ã€‚ãã®ã¾ã¾ã®ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã§ä¸€æ°—ã«HTML Best Practicesã®æ—¥æœ¬èªžç‰ˆã‚’ä½œæˆã—ãŸã€‚å†…å®¹ã¯å¢—ãˆã¦ã„ãªã„ã‚‚ã®ã®ã€ã•ã™ãŒã«æ—¥æœ¬èªžã®æ–¹ãŒã•ã£ã¨èªã‚ã€è‰²ã€…ç›´ã•ãªã‘ã‚Œã°ã¨ã„ã†æ°—ã«ãªã‚‹â€¦â€¦ã€‚ ã“ã®é‡ã§ã€€575ã¯ã€€ç„¡ç†ã§ã—ãŸ ã‚«ã‚¿ã‚«ãƒŠè¨³ã¯ã¡ã‚‡ã£ã¨å«Œã ã£ãŸã®ã§ã€Œæ™®é€šã®HTMLã®æ›¸ãæ–¹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã«ã—ãŸã€‚ã‚ã¾ã‚Šã†ã¾ã„è¨³ã§ã‚‚ãªã„ã®ã§ã€ãã®ã†ã¡ã‚«ã‚¿ã‚«ãƒŠè¨³ã«ãªã‚Šãã†ã ã€‚ ã“ã‚Œã«é™ã‚‰ãšã€Œ(Best )Practiceã€ã¨ã„ã†è¨€è‘‰ã¯è¨³å‡ºã—ã¥ã‚‰ã„å°è±¡ãŒã‚ã‚‹ã€‚ç›´è¨³ã¯ã€Œæ…£ç¿’ã€ã‚„ã€Œæ…£ä¾‹ã€ã ãŒã€æ—¥æœ¬èªžã®ãã‚Œã‚‰ã¯ãƒã‚¬ãƒ†ã‚£ãƒ–ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‚ˆã†ã«æ€ã£ã¦ãŠã‚Šã€ã“ã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆ(ãƒ™ã‚¹ãƒˆ)ã§ã¯ä¸é©å½“ã ã¨æ„Ÿã˜ã‚‹ã€‚ã€Œå®Ÿè·µæ‰‹æ³•ã€ã¨ã™ã‚‹ã¨ã‹ãªã‚Šè¿‘ã„ãŒã€ã ã„ã¶ç¡¬ã„ã€‚ã‚ãã‚‰ã‚ã¦ã€Œãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ã¨ã„ã†ã‚«ã‚¿ã‚«ãƒŠã ã¨ã€ä»Šåº¦ã¯ã€Œç·´ç¿’ã€çš„ãªæ„å‘³ã§ã¨ã‚‰ãˆã‚‰ã‚Œã‚‹
rikuo 2016/09/01
html

markup
ãƒªãƒ³ã‚¯
HTMLã®patternå±žæ€§ã¨JavaScriptæ£è¦è¡¨ç¾ã®unicodeã‚ªãƒ—ã‚·ãƒ§ãƒ³ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®id:nanto_viã§ã™ã€‚ã¿ãªã•ã‚“HTMLã®ãƒ•ã‚©ãƒ¼ãƒ æ¤œè¨¼æ©Ÿèƒ½ã¯ä½¿ã£ã¦ã„ã¾ã™ã‹? è¿‘å¹´ã¯å„Webãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œã‚‚é€²ã¿ã€ãŠæ‰‹è»½ã«ãƒ•ã‚©ãƒ¼ãƒ ã®åˆ©ä¾¿æ€§ã‚’é«˜ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ æ¤œè¨¼æ©Ÿèƒ½ã®ã²ã¨ã¤ãŒinputè¦ç´ ã®patternå±žæ€§ã§ã™ã€‚patternå±žæ€§ã®å€¤ã«JavaScriptã®æ£è¦è¡¨ç¾ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å…¥åŠ›ãŒæ„å›³ã—ãªã„ã‚‚ã®ã§ã‚ã£ãŸå ´åˆã€ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ãŒã§ããªããªã‚Šã¾ã™ã€‚ä¸‹å›³ã¯5æ¡ã®æ•°å—ã®å…¥åŠ›ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã¨ã“ã‚ã«3æ¡ã—ã‹å…¥åŠ›ã›ãšãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã—ã‚ˆã†ã¨ã—ãŸã¨ã“ã‚ã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã«çµ„ã¿è¾¼ã¿ã®ã‚¨ãƒ©ãƒ¼è¡¨ç¤ºãŒå‡ºç¾ã—ã€ã¾ãŸãã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«titleå±žæ€§ã®å€¤ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’ç¢ºèªã§ãã‚‹ã§ã—ã‚‡ã†ã€‚(patternå±žæ€§ã‚’æŒ‡å®šã™ã‚‹éš›ã«ã¯ã€titleå±žæ€§ã«æ›¸å¼ã®èª¬æ˜Žã‚’è¨˜è¿°ã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚) <input type="text"
rikuo 2016/04/29
html

markup

æ£è¦è¡¨ç¾

unicode
ãƒªãƒ³ã‚¯
About rel=noopener
What probl ems does it solve? 2021 update: Browsers now implicitly set rel=noopener for any target=_blank link, following a spec change. If the demo on this page no longer seems scary, congratulations â€” youâ€™re using a modern browser! Youâ€™re currently viewing index.html. Imagine the following is user-generated content on your website: Click me!!1 (same-origin) Clicking the above link opens malicious
rikuo 2016/03/17
markup

security

html

noopener
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‰ãƒ–ãƒãƒƒã‚¯ã‚’ã—ã¦ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒšãƒ¼ã‚¸ã‚’è¦‹ã•ã›ãªã„æœ€ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªæ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
rikuo 2015/12/20
ad

idea

html
ãƒªãƒ³ã‚¯
Gethtml - all the html elements
The target, rel, media, hreflang, and type attributes must be omitted if the href attribute is not present. Represents an abbreviation or acronym. The optional title attribute may be used to provide an expansion of the abbreviation. If specified, the title attribute must contain an expansion of the abbreviation and nothing else. Represents the contact information for its enclosing section. If it i
rikuo 2015/11/27
html
ãƒªãƒ³ã‚¯
srcsetã¨sizes
ãƒ‘ãƒ¼ãƒˆ1ï¼šãƒ¡ãƒ‡ã‚£ã‚¢ãƒ»ã‚¯ã‚¨ãƒªã®ã©ã“ãŒã¾ãšã„ã®ã‹ï¼Ÿ ãã†ã€ã‚‚ã—å›ãŒã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹æ™‚ä»£ãŒ1993å¹´2æœˆ23æ—¥ã‹ã‚‰2010å¹´5æœˆ25æ—¥ã®é–“ã ã£ãŸã‚‰ã€ç”»åƒã®æ‰±ã„ãªã‚“ã¦ãƒãƒ§ãƒã‹ã£ãŸãï¼â€‚ãã‚Œã¯ã“ã‚“ãªãµã†ã«å˜ç´”ã ã£ãŸã€‚ å¹…ã®å›ºå®šã•ã‚ŒãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã«ã‚‰ã¿ã¤ã‘ã‚‹ ç”»åƒãŒãã£ã‹ã‚Šä½•ãƒ”ã‚¯ã‚»ãƒ«ã‹ã‚’æ¸¬ã‚‹â€•â€•ãã®ç”»åƒã¯ã‚ã‚‰ã‚†ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç”»é¢ã§å¤‰ã‚ã‚‰ãªã„ã‚¹ãƒšãƒ¼ã‚¹ã‚’å ã‚ã‚‹ã“ã¨ã«ãªã‚‹ Photoshopã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ã‹ã‘ã‚‹ ç”»åƒã‚’ã•ã£ãæ¸¬ã£ãŸã¨ãŠã‚Šã®ã‚µã‚¤ã‚ºã§ã€Œã‚¦ã‚§ãƒ–ç”¨ã«ä¿å˜ã€ã™ã‚‹ ãã‚Œã‚’<img>ã‚¿ã‚°ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ ã‚°ãƒ©ã‚¹ã«ãƒ“ãƒ¼ãƒ«ã‚’æ³¨ãŽï¼ˆã¾ãŸã¯æ–°é®®ãªã‚°ãƒªãƒ³ãƒ”ãƒ¼ã‚¹ã®ç¼¶ã‚’é–‹ã‘ï¼‰ã€ä»•äº‹ãŒã†ã¾ãã„ã£ãŸã“ã¨ã‚’ç¥ã† ã¨ããŠã‚Šè¡æ˜Žãªã‚‹é è¨€è€…ãŒè’é‡Žã‹ã‚‰ç¾ã‚Œã¦ã¯ã€ã“ã®æ‰‹æ³•ã«æ½œã‚€å•é¡Œã«ã¤ã„ã¦æ·±é ãªçœŸå®Ÿã‚’èª¬ãã“ã¨ã‚‚ã‚ã£ãŸã€‚ãã‚Œã§ã‚‚ã“ã®ã‚„ã‚Šæ–¹ã¯ã€20å¹´ã‚‚ã®é–“ã€ã‚¦ã‚§ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ç”Ÿæ¥ã¨ã™ã‚‹ã‚‚ã®ãŸã¡ã«å—ã‘å…¥ã‚Œã‚‰ã‚Œã¦ããŸã€‚ ã—ã‹ã—ã€æ™‚ä»£ã¯
rikuo 2015/07/03
HTML5

html

markup

responsive

ç”»åƒ

pictureè¦ç´
ãƒªãƒ³ã‚¯
srcå±žæ€§ã®ãªã„imgè¦ç´ ã¨æ“¬ä¼¼è¦ç´
imgè¦ç´ ã¯ç½®æ›è¦ç´ ãªã®ã§ã€ç¾åœ¨ã®å®‰å®šä»•æ§˜ã§ã¯æ˜Žè¨˜ã•ã‚Œã¦ã¯ã„ãªã„ã‚‚ã®ã®æ´å²çš„ãªäº‹æƒ…ã«ã‚ˆã‚Š::before/::afteræ“¬ä¼¼è¦ç´ ã«ã‚ˆã‚‹æŒ¿å…¥ã¯è¡Œãˆãªã„ã€‚ã—ã‹ã—Chrome 41ã§éŠã‚“ã ã¨ã“ã‚ã€srcå±žæ€§ãŒãªã„å ´åˆã¯æŒ¿å…¥ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã ã€‚Internet Explorer 11ã‚„Firefox 36ã€Mobile Safari 8ã§ã¯è¡Œãˆãªã„ã€‚ Demo: img element w/o src attribute and pseudo element Chrome 41ã§ã¯altå±žæ€§ã®å€¤ã§ã‚ã‚‹â€œimg without srcâ€ã¨ã„ã†æ–‡å—åˆ—ã®å‰ã«::beforeæ“¬ä¼¼è¦ç´ ã§ä»•è¾¼ã‚“ã â€œpseudo element for img!â€ã¨ã„ã†æ–‡å—åˆ—ãŒæŒ¿å…¥ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚Chrome 43ã§ã‚‚åŒæ§˜ã ã£ãŸã€‚ srcå±žæ€§ãŒãªã„ã¨imgè¦ç´ ãŒãƒ‘ãƒ¼ã‚¹ãƒ»ã‚¨ãƒ©ãƒ¼ã§ä¸æ˜Žãªè¦ç´ ã«ã§ã‚‚ãªã‚‹ã®ã‹ãªã¨æƒ³åƒã—ãŸãŒ
rikuo 2015/03/28
html

css
ãƒªãƒ³ã‚¯
ç†è§£ã—ã¦ãŠããŸã„ã€CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•çµ„ã¿ï¼ˆfont-sizeï¼line-heightç·¨ï¼‰Inline Layoutâ”€Frontrend Conference
ç†è§£ã—ã¦ãŠããŸã„ã€CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•çµ„ã¿ï¼ˆfont-sizeï¼line-heightç·¨ï¼‰Inline Layoutâ”€Frontrend Conference é«˜æ´¥æˆ¸å£®ï¼ˆæ ªå¼ä¼šç¤¾ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ ã“ã®è¨˜äº‹ã¯ã€Frontrend Conferenceã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒInline layoutã€ã§ãŠè©±ã•ã›ã¦ã„ãŸã ã„ãŸå†…å®¹ã‚’åŸºã«ã€é€£è¼‰è¨˜äº‹ï¼ˆå…¨4å›žï¼‰ã¨ã—ã¦æ›¸ãèµ·ã“ã—ãŸã‚‚ã®ã§ã™ã€‚ä»Šå›žã¯ç¬¬ï¼‘å›žç›®ã§ã™ã€‚ ã¯ã˜ã‚ã« Frontrend Conferenceã§ã¯ã€çš†ã•ã‚“ãŒæ–°ã—ã„æŠ€è¡“ã«ã¤ã„ã¦è©±ã—ã¦ã„ãŸä¸ã€ç§ã‹ã‚‰ã¯CSS2.1ã®ãŠè©±ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ç§ãŒè§£èª¬ã—ãŸã®ã¯ã€CSSã‚’æ›¸ãä¸Šã§æ¬ ã‹ã›ãªã„ã€ä»¥ä¸‹ã®4ã¤ã«ã¤ã„ã¦ã§ã™ã€‚ font-size line-height vertical-align inline-block ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã¯ã»ã©é ã„å†…å®¹ã§ã¯ã‚ã‚Šã¾ã™ãŒã€å¤šãã®äººã«ã¨ã£ã¦ã€ãªã‚“ã¨ãªãæ„Ÿè¦š
rikuo 2015/03/08
css

html

reference
ãƒªãƒ³ã‚¯
Google ãŒè¨€ã† ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã¨ã¯ï¼Ÿ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã§è‰²ã€…è©¦ã—ã¦ã¿ãŸ
Google ãŒè¨€ã† ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã¨ã¯ï¼Ÿ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã§è‰²ã€…è©¦ã—ã¦ã¿ãŸ Google ãŒãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢ã®é †ä½æ±ºå®šæ™‚ã« ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã‹ã©ã†ã‹ã‚’é‡è¦ãªã‚·ã‚°ãƒŠãƒ«ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã“ã¨ã«é–¢é€£ã—ã¦ã€ãã‚‚ãã‚‚ Google ã¯ä½•ã‚’æ ¹æ‹ ã« ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã‹ã©ã†ã‹ã‚’åˆ¤æ–ã—ã¦ã„ã‚‹ã®ã‹ã€ã¨ã„ã†ç‚¹ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ å…ˆé€±ã§ã™ãŒã€Google ãŒ Official Google Webmaster Central Blog ã§ã€2015å¹´ 4æœˆ 21æ—¥ ï¼ˆç±³å›½æ™‚é–“ï¼‰ ã‹ã‚‰ã€ãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢ã®é †ä½æ±ºå®šæ™‚ã«ã€ãã® Web ã‚µã‚¤ãƒˆãŒ ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã‹ã©ã†ã‹ã‚’é‡è¦ãªã‚·ã‚°ãƒŠãƒ«ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã¨ç™ºè¡¨ã—ã¾ã—ãŸã€‚ Finding more mobile-friendly search results ï¼š Official Google Webmaster
rikuo 2015/03/03
ã‚µã‚¤ãƒˆé‹å–¶

development

mobile

markup

html
ãƒªãƒ³ã‚¯
GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rikuo 2014/12/20
html

markup
ãƒªãƒ³ã‚¯
PaintCode - Turn your drawings into Objective-C or Swift drawing code
1Draw things in PaintCode. You can also import PDF, SVG, PSD, AI and EPS documents. 2Get the Generated code. Choose Swift, Objective-C, Java, C#, JavaScript or SVG.
rikuo 2014/03/28
SVG

editor

software

HTML
ãƒªãƒ³ã‚¯
æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã®ç›¸æ€§ã‚’è€ƒæ…®ã—ãŸç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
+1 ãƒœã‚¿ãƒ³ 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆ 1 Google ãƒ‹ãƒ¥ãƒ¼ã‚¹ 1 Google ãƒ—ãƒ¬ã‚¤ã‚¹ 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 ã‚¤ãƒ™ãƒ³ãƒˆ 25 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ 57 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ã‚¯ã‚¤ã‚º 2 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ãƒ„ãƒ¼ãƒ« 83 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ãƒ•ã‚©ãƒ¼ãƒ©ãƒ 10 ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆ 1 ãŠçŸ¥ã‚‰ã› 69 ã‚¯ãƒãƒ¼ãƒ«ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ 75 ã‚µã‚¤ãƒˆã‚¯ãƒªãƒ‹ãƒƒã‚¯ 4 ã‚µã‚¤ãƒˆãƒžãƒƒãƒ— 15 ã—ã”ã¨æ¤œç´¢ 1 ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ 11 ã‚»ãƒ¼ãƒ•ãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚° 5 ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ 1
rikuo 2014/02/22
html

markup

seo

AutoPagerize
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸