1クリックã§HTMLè¦ç´ ã®æ§‹é€ ã‚’å¯è¦–化ã—ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯è¦ç´ ãŒæ£ã—ã実装ã•ã‚Œã¦ã„ã‚‹ã‹æ¤œè¨¼ã§ãã‚‹ -Construct.cssWebページã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹HTMLè¦ç´ ã®æ§‹é€ ã‚’å¯è¦–化ã—ã€header, nav, main, articleãªã©ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯è¦ç´ ãŒæ£ã—ã実装ã•ã‚Œã¦ã„ã‚‹ã‹æ¤œè¨¼ã§ãるスタイルシートを紹介ã—ã¾ã™ã€‚ デãƒãƒƒã‚°æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ãŠã‚Šã€ä¸æ£ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„å•é¡Œã®ã‚るマークアップを表示ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Construct.css Construct.css -GitHub Construct.cssã¯ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯HTMLã®ä½¿ã„方をより身近ã«ã™ã‚‹ãŸã‚ã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’フックã¨ã—ã¦ã‚¯ãƒ©ã‚¹åを使用ã™ã‚‹ã®ã§ã¯ãªãã€ç›´æŽ¥ã‚¿ã‚°ã‚’スタイルã™ã‚‹CSSã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ç›®ã«è¦‹ãˆãªã„セマンティックã®ã‚¿ã‚°ã§ã‚ã‚‹ã“ã¨ã‚’視覚的ã«ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ブラウザã§ç°¡å˜ã«åˆ©ç”¨ã§ãるブックマークレットも用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ブックマークレット Construct.cssã®ãƒ–ックマークレット ブックマークレットを使用ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®CSS
ã‚½ãƒ‹ãƒƒã‚¯é€Ÿå ±
{{#tags}}- {{label}}
{{/tags}}