[ã¯ã˜ã‚ã¦ã®jQuery]コンテンツã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼æ©Ÿèƒ½ã‚’æŒã¤jQueryプラグイン「Awkward Showcaseã€ã¨å®Ÿè£…メモãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ï¼ ãŠã¤ã±ï¼ˆ @OZPA ）ã§ã™ã€‚ ã•ã¦ã€Webã®ãŠå‹‰å¼·ï¾…ï½°ã¨è¨€ã†ã“ã¨ã§ã€æœ€è¿‘jqueryを使ã£ãŸä»•æŽ›ã‘を色々ブãƒã‚°ã«å–り入れã¦ãŠã‚Šã¾ã™ã€‚ ã§ã€ãšã£ã¨ã‚„ã‚ŠãŸã‹ã£ãŸã‘ã©ã§ããªã‹ã£ãŸã€å½“ブãƒã‚°ã®ä¸»è¦ã‚«ãƒ†ã‚´ãƒªãƒ¼ã¸ã®ã‹ã£ã“ã„ã„リンク作æˆã‚’ã€jQueryプラグイン「Awkward Showcaseã€ã‚’使用ã—ã¦ãƒã‚´ä¸‹ã«å°Žå…¥ã—ã¦ã¿ã¾ã—ãŸï¼ ãªã‚“ã コイツ…動ããžâ€¦ï¼ 今回使用ã—ã¾ã—ãŸã®ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼æ©Ÿèƒ½ã‚’æŒã¤jQueryプラグイン「Awkward Showcaseã€ã€‚ Awkward Showcase – デモページ HTMLè¦ç´ をスライド部分ã«ä½¿ç”¨å¯èƒ½ã€‚ ｘ軸ã€ï½™è»¸åº§æ¨™ã‚’利用ã—ãŸãƒ„ールãƒãƒƒãƒ—機能 æ°´å¹³or垂直タイプã®ã‚µãƒ ãƒã‚¤ãƒ«æ©Ÿèƒ½ スライドã¯ã„ãã¤ã§ã‚‚ok ã¨ã„ã£ãŸç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ レイアウトもã„ãã¤ã‹ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰é¸ã¹ã¾ã™ã€‚ã“ã¡ã‚‰ã¯ãƒãƒ¼ãƒ†ã‚£ã‚«ãƒ«ï¼ˆåž‚直）サムãƒã‚¤ãƒ«ã€‚
![[ã¯ã˜ã‚ã¦ã®jQuery]コンテンツã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼æ©Ÿèƒ½ã‚’æŒã¤jQueryプラグイン「Awkward Showcaseã€ã¨å®Ÿè£…メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1bd8096bf40990a95272a048b74ac9e2d92a047/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20120614-0842202.jpg)
コンテンツã®æŠ˜ã‚ŠãŸãŸã¿ã‚’楽々実装ã§ãã‚‹jQueryプラグイン「jQuery Collapseã€:phpspot開発日誌
2011å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€ä½¿ãˆã‚‹jQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011ã€
表示サイズã«åˆã‚ã›ã¦ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã‚„レイアウトを最é©åŒ–ã§ãã‚‹jQueryプラグイン・jFL - ã‹ã¡ã³ã¨.net
導入も手軽ã§iPhoneãªã©ã«ã‚‚自動ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’最é©åŒ–ã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装出æ¥ã‚‹jQueryプラグイン・Slides - ã‹ã¡ã³ã¨.net
ボックスè¦ç´ を綺麗ã«æ•´åˆ—出æ¥ã‚‹jQueryプラグイン・jQuery Masonryã«Infinite Scroll（無é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼‰æ©Ÿèƒ½ã‚’åŠ ãˆãŸã‚µãƒ³ãƒ—ル - ã‹ã¡ã³ã¨.net
å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªWebデザイン集ã‚ã¦ã¿ã¾ã—ãŸ
Xlune::Blog
多彩ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒé…力ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨jQueryプラグイン・Skitter - ã‹ã¡ã³ã¨.net
è¦ç´ ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’掛ã‘ãŸã‚Šã€ã‚½ãƒ¼ãƒˆå‡ºæ¥ã‚‹jQueryプラグイン・Isotope
[JS]jQueryã®ãƒ—ラグイン100é¸ -2010å¹´ç·é›†ç·¨
{{#tags}}- {{label}}
{{/tags}}