å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãªHTMLå°æŠ€é›†å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãªHTMLå°æŠ€é›†ã“ã‚Œã¾ã§ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª10ã®CSSå°æŠ€é›†ã€ã‚·ãƒªãƒ¼ã‚ºã§CSSã®ã¡ã‚‡ã£ã¨ã—ãŸTipsを紹介ã—ã¦ã„ã¾ã—ãŸãŒã€ä»Šå›žã¯HTMLãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼çŸ¥ã£ã¦ã„ã‚‹ã¨ä½¿ã„å‹æ‰‹ãŒã¡ã‚‡ã£ã¨ã‚ˆããªã‚‹å°æŠ€ã‚’集ã‚ã¾ã—ãŸï¼ å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª 10 ã® CSS å°æŠ€é›† 目次セレクトメニューã®é¸æŠžè‚¢ã‚’グループ化type 属性値ã«ã‚ˆã£ã¦å…¥åŠ›æ¬„ãŒå¤‰åŒ–スマートフォンã§ã‚¨ãƒ³ã‚¿ãƒ¼ã‚ーã®ãƒ†ã‚ストを変ãˆã‚‹ç”»åƒã®é…延èªã¿è¾¼ã¿ãƒ†ã‚ストã®æŠ˜ã‚Šè¿”ã—ä½ç½®ã‚’指定ã™ã‚‹ç•ªå·ä»˜ãリストã®é †ç•ªã‚’変更ã™ã‚‹ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ä»»æ„ã®ãƒ†ã‚ストを自動翻訳ã•ã›ãªã„リンク先ã®ãƒ†ã‚ストを指定ã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹1. セレクトメニューã®é¸æŠžè‚¢ã‚’グループ化複数ã®é¸æŠžè‚¢ã‚’用æ„ã§ãã‚‹ãŠãªã˜ã¿ã® select ã‚¿ã‚°ã€‚é …ç›®ã¯ option タグを利用ã—ã¾ã™ãŒã€ã•ã‚‰ã« optgroup ã‚¿ã‚°ã§å›²ã‚€ã“ã¨ã§ã‚°ãƒ«ãƒ¼ãƒ—化ã§ãã¾ã™ã€‚é¸æŠžè‚¢ãŒå¤šã„å ´
1クリックã§HTMLè¦ç´ ã®æ§‹é€ ã‚’å¯è¦–化ã—ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯è¦ç´ ãŒæ£ã—ã実装ã•ã‚Œã¦ã„ã‚‹ã‹æ¤œè¨¼ã§ãã‚‹ -Construct.css
PyCon JP 2018: Webアプリケーションã®ä»•çµ„ã¿ - 清水å·ã®Scrapbox
Chromeã®æ–°æ©Ÿèƒ½ãŒã™ã”ã„便利ï¼imgã‚„iframeã«lazyloadå±žæ€§ã‚’åŠ ãˆã‚‹ã ã‘ã§LazyLoad対応ã«
HTML5 入れåãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | å‰å·ã‚¦ã‚§ãƒ–
{{#tags}}- {{label}}
{{/tags}}