CSS3 Flexbox UIパターン集「Flexbox Patternsã€CSS3ã§åˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸFlexbox。WEBアプリやレスãƒãƒ³ã‚·ãƒ–を想定ã—ã¦é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã§ã™ãŒã€ã¾ã ã¾ã ç¾å ´ã§ã¯ãã‚Œã»ã©æ™®åŠã—ã¦ã„ãªã„ã®ãŒç¾çŠ¶ã§ã™ã€‚今日紹介ã™ã‚‹ã®ã¯ãã‚“ãªFlexboxã‚’ç†è§£ãƒ»åˆ©ç”¨ã™ã‚‹ãŸã‚ã®æ§˜ã€…ãªUIã‚’ç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹CSSã®Flexbox UIパターン集「Flexbox Patternsã€ã§ã™ã€‚ 「Flexbox Patternsã€ã¯åˆ©ç”¨ã—ã‚„ã™ããªã‚‹ã‚ˆã†ã«ãã‚Œãžã‚Œã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹æ¯Žã«ã€ç°¡å˜ãªè§£èª¬ã¨ã€CSSã¨HTMLãŒã‚»ãƒƒãƒˆã§ã‚³ãƒ”ーã§ãるよã†ã«ãªã£ã¦ãŠã‚Šã€ã‚³ãƒ”ー＆ペーストã§åˆ©ç”¨ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ 上記ã®ã‚ˆã†ã«CSSã¨HTMLãŒã‚³ãƒ”ーã§ãã‚‹å½¢ã§ã¾ã¨ã‚られã¦ã„ã‚‹ãŸã‚ã€æŠ€è¡“者ã§ãªãã¦ã‚‚パーツã ã‘ãªã‚‰ç°¡å˜ã«çµ„ã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ç¾åœ¨ã¯å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰ã€ãªã‹ãªã‹ãƒ‹ãƒƒãƒãªã‚‚ã®ã¾ã§å…¨éƒ¨ã§10ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚シンプ
{{#tags}}- {{label}}
{{/tags}}