[CSS]レスãƒãƒ³ã‚·ãƒ–対応ã®Masonryレイアウトをスクリプト無ã—ã€ãƒ”ュアCSSã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -driveway | コリス去年ãらã„ã¾ã§ã¯ã€ã“ã†ã„ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®Masonryレイアウトã¯JavaScriptã§å®Ÿè£…ã™ã‚‹ã®ãŒä¸»æµã§ã—ãŸã€‚jQueryã®ãƒ—ラグインも数多ãリリースã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã‚“ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®Masonryレイアウトをスクリプト無ã—ã€CSSã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹drivewayを紹介ã—ã¾ã™ã€‚CSSアニメーションを使ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚‚注目ã§ã™ï¼ 実装ãŒç°¡å˜ インタラクティブ レスãƒãƒ³ã‚·ãƒ–対応 カスタマイズãŒç°¡å˜ 拡張性も豊㋠実装ã«ã¯FlexboxãŒä½¿ç”¨ã•ã‚Œã¦ãŠã‚Šã€2016å¹´1月12æ—¥ã«IEã®å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆãŒçµ‚了ã—ã€å®Ÿè³ªIE11+ã¨ãªã£ãŸç¾åœ¨ã€å¤šãã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§åˆ©ç”¨ã§ãã‚‹ã§ã—ょã†ã€‚ ã¡ãªã¿ã«ã€2017å¹´4月11æ—¥ã«Vistaã®ã‚µãƒãƒ¼ãƒˆã‚‚終了ã—ã¾ã™ã€‚ å‚考: Windows 製å“ã®ã‚µãƒãƒ¼ãƒˆ ライフサイクル ã«ã¤ã„㦠drivewayã®ãƒ‡ãƒ¢ デモã§ã¯drivewayã§å®Ÿè£…ã•ã‚Œ
![[CSS]レスãƒãƒ³ã‚·ãƒ–対応ã®Masonryレイアウトをスクリプト無ã—ã€ãƒ”ュアCSSã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -driveway | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/a99bb8a10dc67f32f5120a14ca9f4d9546de9b36/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016042601.png)
{{#tags}}- {{label}}
{{/tags}}