タイルレイアウトjsIsotope
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
ã€jQuery】フィルターやソート機能ã«ã‚‚対応ã—ãŸMasonry風jQueryプラグイン［Isotopeï¼½ã®ä½¿ã„方。
グリッドã«æ²¿ã£ã¦å„è¦ç´ をタイル状ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãƒ—ラグインã§ã€æœ‰åãªã‚‚ã®ã§ã¯ï¼»jQuery Masonryï¼½ãŒæŒ™ã’られã¾ã™ã€‚ ã“ã®åˆ†é‡Žã®jQueryプラグインã§ã¯æœ€ã‚‚知å度ãŒé«˜ãã€åˆå¿ƒè€…ã®æ–¹ã§ã‚‚比較的簡å˜ã«å°Žå…¥ã§ãã‚‹ã®ã§ã€ä½¿ã£ã¦ã„る方も多ã„ã§ã—ょã†ã€‚ ã‚る程度ã®çŸ¥è˜ãŒã‚ã‚Œã°ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚容易ã«ã§ãã‚‹ã®ã§ã€å€‹äººçš„ã«ã‚‚ãŠå‹§ã‚ã§ãるプラグインã§ã™ã€‚ 唯一ã®é›£ç‚¹ã¨ã„ãˆã°ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯è¦ç´ ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã‚„ソート機能ã«å¯¾å¿œã—ã¦ã„ãªã„ã“ã¨ã€‚ 今日紹介ã™ã‚‹ï¼»Isotopeï¼½ã¯ã€è¶…高機能ãªãƒ•ã‚£ãƒ«ã‚¿ãƒ¼æ©Ÿèƒ½ã€ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’å…¼ãå‚™ãˆãŸã€ŒMasonry風ã€ã®ãƒ—ラグインã§ã™ã€‚ 実装サンプル ã¾ãšã¯ã‚µãƒ³ãƒ—ルをã”覧ãã ã•ã„。 サンプル・デモ：Masonry風プラグイン［jQuery Isotopeï¼½ã®ä½¿ã„æ–¹ 実ã¯ã“ã®ãƒ—ラグインã€å¼Šç¤¾ã‚ªãƒ³ã‚ºã®ã‚¦ã‚§ãƒ–サイトã®ãƒˆãƒƒãƒ—ページã§ã‚‚利用ã—ã¦ã„ã‚‹ã®ã§ã€ã€Œè¦‹è¦šãˆã®ã‚ã‚‹å‹•ãã ã€ã¨æ„Ÿã˜ãŸæ–¹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}