CSSã®é€²åŒ–ãŒã™ã”ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®å…角形ã®ãƒ˜ã‚サゴン レイアウトを簡å˜ã«å®Ÿè£…ã§ãるスタイルシートシンプルãªHTMLã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®å…角形ã®ãƒ˜ã‚サゴン レイアウトを簡å˜ã«å®Ÿè£…ã§ãるスタイルシートを紹介ã—ã¾ã™ã€‚ JavaScriptã¯å®Œå…¨ã«ä¸è¦ã§ã€CSS Gridを使用ã—ã¦divè¦ç´ ã«classを付与ã™ã‚‹ã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚ Hexi-Flexi Grid Hexi-Flexi Grid -GitHub Hexi-Flexi Gridã®ç‰¹å¾´ Hexi-Flexi Gridã®ãƒ‡ãƒ¢ Hexi-Flexi Gridã®ä½¿ã„æ–¹ Hexi-Flexi Gridã®ç‰¹å¾´ JavaScriptã¯å¿…è¦ãªã—ã€CSSã®ã¿ã§å®Ÿè£…。 å…角形ã®ã‚¢ã‚¤ãƒ†ãƒ ã®é«˜ã•ãƒ»å¹…ã€åˆ—・行ã¯è‡ªç”±ã«è¨å®šã€‚ セルã€åˆ—ã€è¡Œã®ãƒ¢ã‚¸ãƒ¥ãƒ©ãƒ¼å½¢å¼ã€‚ 背景画åƒã‚’自動入力ã™ã‚‹æ©Ÿèƒ½ã‚’サãƒãƒ¼ãƒˆã€‚ サãƒãƒ¼ãƒˆãƒ–ラウザ CSS Gridã§å®Ÿè£…ã™ã‚‹ãŸã‚ã€ã‚µãƒãƒ¼ãƒˆãƒ–ラウザã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ Firefox 56+ Chrome 61+ Safari 10.1+
ブラックä¼æ¥ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆï¼’ï¼ï¼‘８ - Everything you've ever Dreamed
{{#tags}}- {{label}}
{{/tags}}