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

shiromatakumi id:shiromatakumi

htmlã«é–¢ã™ã‚‹shiromatakumiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã®å®Ÿè£…ã«ã€çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTMLã®å±žæ€§ã®ã¾ã¨ã‚
Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã®å®Ÿè£…ã«å½¹ç«‹ã¤ã€çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTMLã®å±žæ€§ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã„ãã¤ã¯ã“ã‚“ãªå±žæ€§ã‚‚ã‚ã£ãŸã®ã‹ã€ã¨ç™ºè¦‹ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ 24 Lesser-Known HTML Attributes You May Want to Use âœ¨ðŸ“š by Madza (@madzadev) ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ç§ã¯å°‘ã—å‰ã«ã€HTMLã®ã‚¿ã‚°ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã®ç¶šç·¨ã¨ã—ã¦ã€çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTMLã®å±žæ€§ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹å±žæ€§ã¯ã™ã¹ã¦ç°¡å˜ã«ä½¿ç”¨ã§ãã€å¤–éƒ¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã—ãªã‘ã‚Œã°ã§ããªã„ã‚ˆã†ãªã‚¿ã‚¹ã‚¯ã‚’å®Ÿç¾ã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ HTMLã§ç‰¹ã«ä¾¿åˆ©ãªå„å±žæ€§ã®ä½¿ç”¨ä¾‹ã¨æ§‹æ–‡ã‚’ç†è§£ã—ã‚„ã™ã„ã‚ˆã†ã«ã€ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆ
shiromatakumi 2022/02/17
html

web
ãƒªãƒ³ã‚¯
è¡¨ç¤ºé€Ÿåº¦ã‚’é£›èºçš„ã«å‘ä¸Šã•ã›ã‚‹HTML/CSSæœ€æ–°ä»•æ§˜ã€Œcontent-visibilityã€ã€ŒLazy loadingã€ã€Œcontainã€ã‚’ã‚³ãƒ¼ãƒ‰ä»˜ãç°¡å˜è§£èª¬
ã“ã‚Œã¾ã§ã¯JavaScriptã‚’ç”¨ã„ã¦å®Ÿè£…ã™ã‚‹ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ã¤ã„ã«imgã‚„iframeè¦ç´ ã§ã‚ã‚Œã°loading="lazy"ã‚’ä»˜ä¸Žã™ã‚‹ã ã‘ã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚  <img src="pic.png" alt="ç”»åƒã®è©³ç´°" loading="lazy">  <iframe src="external.html" loading="lazy"></iframe>ç”»é¢å¤–ã§ã¯èªã¿è¾¼ã¿ãŒç™ºç”Ÿã—ãªã„ã®ã§ã€å¿…è¦ã«ãªã£ãŸæ™‚ï¼ˆç”»é¢å†…ã«è¦ç´ ãŒå…¥ã‚Šãã†ã«ãªã£ãŸæ™‚ï¼‰ã«èªã¿è¾¼ã¿ãŒç™ºç”Ÿã™ã‚‹ã®ã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå‘ä¸Šã—ã¾ã™ã€‚ ã¾ãŸç”»åƒã«ã¤ã„ã¦ã¯srcsetã‚’ç”¨ã„ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã«å¯¾ã—ã¦ã‚‚æŒ‡å®šã§ãã¾ã™ã—ã€pictureè¦ç´ ã‚’ç”¨ã„ã¦fallbackå½¢å¼ã§ã‚‚è¨˜è¿°ã§ãã¾ã™ã€‚ <img src="normal.png" srcse
shiromatakumi 2020/09/09
html

css
ãƒªãƒ³ã‚¯
çµå±€ã€ã©ã®datepickerãŒä¸€ç•ªä½¿ã„å‹æ‰‹ãŒã‚ˆã„ã®ã‹ - Qiita
webã‚¢ãƒ—ãƒªã‚’å®Ÿè£…ã—ã¦ã„ã¦ã€datepickerãŒå¿…è¦ã«ãªã£ãŸæ™‚ã€ã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¹ããªã®ã‹ã€ã„ã¤ã‚‚æ±ºå®šç‰ˆã¨å‘¼ã¹ã‚‹ã‚‚ã®ãŒè¦‹ã¤ã‘ã‚‰ã‚Œãšã«æ‚©ã‚“ã§ã„ã‚‹æ°—ãŒã—ã¾ã™ã€‚ é¸ã¶ãƒã‚¤ãƒ³ãƒˆ IEã®å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ è¨å®šã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ã©ã®ç¨‹åº¦ã‚ã‚‹ã‹ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»è¦‹ãŸç›®(ã‚·ãƒ³ãƒ—ãƒ«ãªã®ãŒã‚ˆã„) flatpickr IE9ä»¥ä¸Šã«å¯¾å¿œ è¦‹ãŸç›®ãŒã‚·ãƒ³ãƒ—ãƒ«ã§ãŠã—ã‚ƒã‚Œ Pickaday IE7ä»¥ä¸Šã«å¯¾å¿œ è¦‹ãŸç›®ã¯å‰²ã¨ã‚·ãƒ³ãƒ—ãƒ« bootstrap-datepicker ã‚µãƒãƒ¼ãƒˆå¯¾è±¡ã®IEã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è¨˜è¼‰ã¯è¦‹å½“ãŸã‚‰ãš(Bootstrapã®ã‚µãƒãƒ¼ãƒˆã«ä¾å˜ï¼Ÿ) è¦‹ãŸç›®ã¯ã„ã‹ã«ã‚‚Bootstrapã£ã½ã„(å½“ãŸã‚Šå‰ã‹) online demoã®å®Œæˆåº¦ãŒé«˜ã„ jQuery UI Datepicker IE8ä»¥ä¸Šã«å¯¾å¿œ æ˜”ã¯ã“ã‚ŒãŒå®šç•ªã ã£ãŸæ°—ãŒã™ã‚‹ æ¨™æº–ã§themeãŒãŸãã•ã‚“ç”¨æ„ã•ã‚Œã¦ã„ã¦ç°¡å˜ã«åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã®ãŒ
shiromatakumi 2020/01/19
html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å®Ÿã¯HTMLã ã‘ã§å¤šãã®ã“ã¨ãŒå®Ÿç¾ã§ãã‚‹ï¼çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTMLã®ä½¿ã„æ–¹
HTMLã ã‘ã§å¤šãã®ã“ã¨ãŒå®Ÿç¾ã§ãã‚‹ã®ã¯ç´ æ™´ã‚‰ã—ã„ã“ã¨ã§ã™ã€‚ä¸€æ˜”å‰ã¾ã§ã¯ã€CSSã‚„JavaScriptã‚’ä½¿ç”¨ã—ãªã‘ã‚Œã°ã§ããªã‹ã£ãŸã“ã¨ã€ã‹ãªã‚Šè¤‡é›‘ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‹ãªã‘ã‚Œã°ã§ããªã‹ã£ãŸã“ã¨ãŒã€å®Ÿã¯HTMLã ã‘ã§å¤šãã®ã“ã¨ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTMLã®ä½¿ã„æ–¹ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ HTML can do that? by Ananya Neogi å…ˆæ—¥ç´¹ä»‹ã—ãŸã€ŒCSSã§ã“ã“ã¾ã§ã§ãã‚‹ã®ã‹ï¼ã€ã®ç¶šç·¨ã§ã™ã€‚ ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 1. datalist -ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›å€™è£œã‚’è¡¨ç¤º 2. dialog -ãƒ€ã‚¤ã‚¢ãƒã‚° ãƒœãƒƒã‚¯ã‚¹ 3. progress -ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ 4. detailsã¨summary -é–‹é–‰ãƒ‘ãƒãƒ« 5. inputmode -ã‚¹ãƒžãƒ›ã§å…¥åŠ›æ™‚ã«é©ã—ãŸã‚ãƒ¼ãƒ‘ãƒƒãƒ‰ã‚’è¡¨ç¤º 6. inpu
shiromatakumi 2019/07/23
html
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆï¼ˆæ—¥æœ¬èªžè¨³ï¼‰ - Qiita
GitHubã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã¨ã„ã†ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã€ç¶²ç¾…ã•ã‚Œã¦ã„ã‚‹å†…å®¹ãŒå¹…åºƒãä¾¿åˆ©ãã†ã ã£ãŸã®ã§ã€æ—¥æœ¬èªžã«ç¿»è¨³ã—ã¾ã—ãŸã€‚ æ—¥æœ¬èªžç‰ˆã¯ã€ä»¥ä¸‹ã®GitHubãƒªãƒã‚¸ãƒˆãƒªã«ã‚ã‚Šã¾ã™ã€‚GitHubå´ã¨è‡ªå‹•çš„ã«é€£æºã™ã‚‹ã‚ˆã†ã«ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€èª¤è¨³ã‚„èª¤ã‚Šãªã©ãŒã‚ã‚Œã° GitHub ã®ãƒ—ãƒ«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¾ãŸã¯ Issue ã§å ±å‘Šã—ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ https://github.com/miya0001/Front-End-Checklist æ—¥æœ¬èªžç‰ˆã¸ã®è²¢çŒ®æ–¹æ³• æœ€çµ‚æ›´æ–°æ—¥æ™‚: 2017-11-19 03:50:47+09:00 (æœªç¿»è¨³) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau
shiromatakumi 2017/10/23
html

SEO

javascript

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

html

CSS
ãƒªãƒ³ã‚¯
HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€Œ<head> cheatsheetã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <head> cheatsheet ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ç´¹ä»‹ã—ãŸä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚ <meta charset="utf-8"> <meta http-equiv="x-ua-c
shiromatakumi 2017/09/27
html

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸›à¹„à¸”à¹‰à¹€à¸¥à¸¢
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¹€à¸›à¹‡à¸™à¸—à¸²à¸‡à¹€à¸¥à¸·à¸à¸à¸—à¸µà¹ˆà¸™à¹ˆà¸²à¹€à¸Šà¸·à¹ˆà¸à¸–à¸·à¸à¸ªà¸³à¸«à¸£à¸±à¸šà¸œà¸¹à¹‰à¹€à¸¥à¹ˆà¸™à¸—à¸µà¹ˆà¸•à¹‰à¸à¸‡à¸à¸²à¸£à¸„à¸§à¸²à¸¡à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹ƒà¸™à¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸”à¹‰à¸§à¸¢à¸£à¸°à¸šà¸šà¸„à¸§à¸²à¸¡à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸£à¸°à¸”à¸±à¸šà¸ªà¸¹à¸‡à¹à¸¥à¸°à¸à¸²à¸£à¸•à¸£à¸§à¸ˆà¸ªà¸à¸šà¸à¸¢à¹ˆà¸²à¸‡à¹€à¸‚à¹‰à¸¡à¸‡à¸§à¸” à¸„à¸¸à¸“à¸ªà¸²à¸¡à¸²à¸£à¸–à¸§à¸²à¸‡à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²à¸—à¸¸à¸à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¸‚à¸à¸‡à¸„à¸¸à¸“à¸ˆà¸°à¹€à¸›à¹‡à¸™à¹„à¸›à¸à¸¢à¹ˆà¸²à¸‡à¸¢à¸¸à¸•à¸´à¸˜à¸£à¸£à¸¡à¹à¸¥à¸°à¹‚à¸›à¸£à¹ˆà¸‡à¹ƒà¸ª à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸™à¸µà¹‰à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸ˆà¸²à¸à¸«à¸™à¹ˆà¸§à¸¢à¸‡à¸²à¸™à¸—à¸µà¹ˆà¹€à¸à¸µà¹ˆà¸¢à¸§à¸‚à¹‰à¸à¸‡ à¸—à¸³à¹ƒà¸«à¹‰à¸„à¸¸à¸“à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸”à¹‰à¸à¸¢à¹ˆà¸²à¸‡à¸ªà¸´à¹‰à¸™à¹€à¸Šà¸´à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² à¸™à¸à¸à¸ˆà¸²à¸à¸™à¸µà¹‰ à¸—à¸µà¸¡à¸‡à¸²à¸™à¸¡à¸·à¸à¸à¸²à¸Šà¸µà¸žà¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸•à¸¥à¸à¸” 24
shiromatakumi 2017/08/09
CSS

HTML
ãƒªãƒ³ã‚¯
ï»¿HTMLãƒ»CSSã ã‘ã§Webã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã§ãã‚‹ã€ŒMavoã€ã§GitHubã‚’ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ä»£ã‚ã‚Šã«ã—ã¦ã¿ãŸï¼ - paiza times
ï»¿ ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ï¼ ä»Šå›žã¯ã€HTMLã«å°‚ç”¨ã®å±žæ€§ã‚’è¿½è¨˜ã™ã‚‹ã ã‘ã§ã€èª°ã§ã‚‚ç°¡å˜ã«Webã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã”ç´¹ä»‹ã§ã™ï¼ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã‚‚éžå¸¸ã«é«˜ãã€GitHubã¨é€£æºã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ãªã®ã§ã‚¢ã‚¤ãƒ‡ã‚¢æ¬¡ç¬¬ã§ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªé–‹ç™ºã‚’æ¥½ã—ã‚ã¾ã™ã‚ˆã€‚ ã€ Mavo ã€‘ â– ã€ŒMavoã€ã®å§‹ã‚æ–¹ï¼ ãã‚Œã§ã¯ã€ã¾ãšã€ŒMavoã€ã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®æº–å‚™ã‹ã‚‰å§‹ã‚ã¦ã„ãã¾ã—ã‚‡ã†ï¼ æ‰‹é †ã¯ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã€HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¦å°‚ç”¨ã®ã€ŒJS / CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã‚’èªã¿è¾¼ã‚€ã ã‘ã§å®Œäº†ã™ã‚‹ã¨ã„ã†ãŠæ‰‹è»½ã•ã§ã™ã€‚ èªã¿è¾¼ã‚€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ¬¡ã®é€šã‚Šã§ã™ï¼ //CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒª https://get.mavo.io/mavo.min.js //JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª https://get.mavo.io/mavo.min.js ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ä»–ã«ã‚‚ã€Œåœ§ç¸®
shiromatakumi 2017/07/14
ã‚¢ãƒ—ãƒª

html
ãƒªãƒ³ã‚¯
HTML/CSSã®è¦šãˆæ–¹ã€€WEBåˆ¶ä½œã«å½¹ç«‹ã¤ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¾ã¨ã‚ - Minimal Green
HTML/CSSã‚’æ›¸ãã¨ãã€ã€Œã‚ã‚Œã€ã“ã‚Œä½•ã ã£ãŸã£ã‘ï¼Ÿã€ã£ã¦ã“ã¨ãŒã‚ã‚Šã¾ã™ã‚ˆãã€‚ç§ã¯ã—ã‚‡ã£ã¡ã‚…ã†ã‚ã‚Šã¾ã™ï½— ãã†ã„ã†ã¨ãã€ã¡ã‚‰ã£ã¨ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï¼ˆã‚«ãƒ³ãƒšï¼‰ã‚’è¦‹ã¦åŠ¹çŽ‡ã‚ˆãä½œæ¥ã‚’é€²ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã€ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ä¼¼ãŸã‚ˆã†ãªè¨˜äº‹ã¯æ—¢ã«ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ãƒªãƒ³ã‚¯åˆ‡ã‚Œã«ãªã£ã¦ã„ãŸã‚Šã™ã‚‹ã®ã§ã€è‡ªåˆ†ç”¨ã«ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ç›´ã—ã¦ã¿ã¾ã™ã€‚ HTML HTMLã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML5 ã‚¿ã‚°â˜…ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï¼ˆPDFç‰ˆï¼ç”»åƒç‰ˆï¼‰ CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ CSS3ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼†ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œä¸€è¦§ CSSåˆæœŸå€¤ä¸€è¦§ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ CSS Flexboxãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ CSS3 Media Queriesã®æ›¸ãæ–¹ HTML HTMLã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ www.htmq.com è€èˆ—ã§ã™ãã€‚HTMLä»–CSSã®æ—©è¦‹è¡¨ã€HTML/CSSã®åŸºæœ¬ãŒã‚ã‚Šã¾ã™ã€‚ã¨ã‚Šã‚ãˆãšå›°ã£ãŸã¨ãã¯ã‚³ã‚³ï¼ HT
shiromatakumi 2017/07/13
html

CSS
ãƒªãƒ³ã‚¯
ã€HTML5.1å‹§å‘Šã€‘ã‚»ã‚¯ã‚·ãƒ§ãƒ³è¦ç´ å†…è¦‹å‡ºã—ãƒ¬ãƒ™ãƒ«ä»•æ§˜ã®å¤‰æ›´ã«ã¤ã„ã¦
2016å¹´11æœˆ1æ—¥ä»˜ã§W3CãŒHTML5.1ã‚’å‹§å‘Šã—ã¾ã—ãŸã€‚ HTML5ã‹ã‚‰ã®å¤‰æ›´å·®åˆ†ã¯ã“ã¡ã‚‰ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã®ã§ã€è©³ç´°ã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ã„ãŸã ãã¨ã—ã¦ã€ ä»Šå›žã¯ãã®ä¸ã§ã€Œremovedã€ã¤ã¾ã‚Šå‰Šé™¤ã•ã‚ŒãŸä»•æ§˜ã®ä¸€è¦§ã®ä¸ã«ã‚ã£ãŸæ¬¡ã®é …ç›®ã«æ³¨ç›®ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ»The use of nested section elements each with an h1 to create an outline. ï¼ˆãƒ»ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã«ãã‚Œãžã‚Œh1ã‚’æŒã¤ãƒã‚¹ãƒˆã•ã‚ŒãŸã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ï¼‰ HTML5ã§ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¨è¦‹å‡ºã—ã®ãƒ«ãƒ¼ãƒ« 2014å¹´å‹§å‘Šã®HTML5ã§ã¯ã€ã€Œã‚»ã‚¯ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å…¥ã‚Œåã«ã‚ˆã£ã¦æ£ã—ãéšŽå±¤æ§‹é€ ãŒãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹å ´åˆã€ãã®ä¸ã§ä½¿ç”¨ã•ã‚Œã‚‹è¦‹å‡ºã—ãƒ¬ãƒ™ãƒ«ã¯å•ã‚ãªã„ã€ã¨ã„ã†ä»•æ§˜ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®ã“ã¨ã¯HTML4.01ã‹ã‚‰HTML5ã«ãªã£ãŸã¨ãã®å¤§ããªä»•æ§˜å¤‰æ›´
shiromatakumi 2016/11/07
html

HTML5.1
ãƒªãƒ³ã‚¯
1