Vue.jsã«ã‚‚対応ã®å„ªã‚Œç‰©ï¼é«˜ã•ãŒç•°ãªã‚‹ã‚«ãƒ¼ãƒ‰ã§ã‚‚グリッドã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãる超軽é‡ãƒ©ã‚¤ãƒ–ラリ -Magic Grid
カードã®é«˜ã•ãŒå¸¸ã«ä¸€å®šã§ã‚ã‚Œã°ã€CSS Gridã‚„Flexboxã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ã—ã‹ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½œæˆã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’使ã£ãŸå‹•çš„コンテンツã§ã¯é«˜ã•ãŒåŒã˜ã«ãªã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“。 カードã®é«˜ã•ãŒãã‚Œãžã‚Œç•°ãªã‚‹å‹•çš„グリッドを簡å˜ã«å®Ÿè£…ã§ãる超軽é‡JavaScriptライブラリを紹介ã—ã¾ã™ã€‚ 動的コンテンツã¯ã‚‚ã¡ã‚ã‚“ã€é™çš„コンテンツã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ Magic Grid Magic Grid -GitHub Magic Gridã®ç‰¹å¾´ Magic Gridã®ãƒ‡ãƒ¢ Magic Gridã®ä½¿ã„æ–¹ Magic Gridã®ç‰¹å¾´ Magic Gridã¯ã€é«˜ã•ãŒç•°ãªã‚‹ã‚¢ã‚¤ãƒ†ãƒ ã§ã‚‚グリッドã«æƒãˆã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚高ã•ã‚’調整ã™ã‚‹ãŸã‚ã«ã€ä¸‹éƒ¨ã«ç•°ãªã‚‹ã‚¹ãƒšãƒ¼ã‚¹ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 高ã•ãŒæƒã£ã¦ã„ãŸã‚Šã€ãŸãã•ã‚“ã®è¡Œã«ãã‚Œãžã‚ŒãŒä½•è¡Œã«ã¾ãŸãŒã£ã¦ã„ã‚‹ã‹å®šç¾©ã§ãã‚‹å ´åˆã¯CSS Gridã‚„Flexb
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[CSS]テã‚ストリンクやボタンã€ãƒ—リãƒãƒ¼ãƒ€ãƒ¼ãªã©ã§ä½¿ãˆã‚‹CSSアニメーションã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆé›† -CSSeffectsSnippets![[CSS]テã‚ストリンクやボタンã€ãƒ—リãƒãƒ¼ãƒ€ãƒ¼ãªã©ã§ä½¿ãˆã‚‹CSSアニメーションã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆé›† -CSSeffectsSnippets](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b27ab0c67c4e323739dcd1ac8059944e3863ff1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201901%2F2019031510.png)
{{#tags}}- {{label}}
{{/tags}}