ブラウザã§ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’作れるシンプルãªã‚¹ã‚¯ãƒªãƒ—ト・「Flowy〠- ã‹ã¡ã³ã¨.netFlowyã¯ãƒ–ラウザã§ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’作æˆå‡ºæ¥ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚シンプルã§è»½é‡ãªã‚³ãƒ¼ãƒ‰ã§ã™ãŒjQueryã«ä¾å˜ã—ã¾ã™ 上図ã®ã‚ˆã†ã«å·¦ãƒšã‚¤ãƒ³ã‹ã‚‰ãƒ–ãƒãƒƒã‚¯ã‚’D&Dã§è¿½åŠ ã€å³ãƒšã‚¤ãƒ³ã§å„ブãƒãƒƒã‚¯ã‚’編集ã™ã‚‹UIã¨ãªã£ã¦ã„ã¾ã™ã®ã§ç›´æ„Ÿçš„ãªæ“作ã§ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’作æˆã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ 基本的ãªæ©Ÿèƒ½ã®ã¿ã®æä¾›ã§ã€å®Œæˆã•ã‚Œã¦ã„るよã†ãªã‚‚ã®ã§ã¯ç„¡ã„よã†ã§ã€ã‚ãã¾ã§ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’作æˆå‡ºæ¥ã‚‹æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã®ã‚ˆã†ã§ã™ example var spacing_x = 40; var spacing_y = 100; // åˆæœŸåŒ– flowy($("#canvas"), drag, release, snapping, spacing_x, spacing_y); åˆæœŸåŒ–ã—ã¾ã™ã€‚例ã§ã¯ãƒ–ãƒãƒƒã‚¯ã‚µã‚¤ã‚ºã‚’定義ã—ã¦ã„ã¾ã™ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ã„ã¾ã™ function snapping(drag) { //例：ドラッグã™
Webページã«è¨ªå•ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒžã‚¦ã‚¹ã®å‹•ãã‚’å†ç¾ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト・「viewRecorder〠- ã‹ã¡ã³ã¨.net
コードサンプルをアニメーションã—ãªãŒã‚‰è¡¨ç¤ºã•ã›ã‚‹OSS・「GLORIOUS〠| ã‹ã¡ã³ã¨.net
ç”»åƒã«å¯¾ã™ã‚‹ãƒžã‚¦ã‚¹ã®ä½ç½®ã§ç”»åƒã‚’変化ã•ã›ã‚‰ã‚Œã‚‹ã€ŒimageLifeã€:phpspot開発日誌
コンテンツã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’スマホã£ã½ãã•ã›ã‚‰ã‚Œã‚‹ã€ŒScrollBoosterã€:phpspot開発日誌
DOMè¦ç´ をドラッグã§è¤‡æ•°é¸æŠžã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト・「selection.js〠- ã‹ã¡ã³ã¨.net
軽é‡ã®ã‚¹ãƒ©ã‚¤ãƒ‰å¼ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…「bigSlide.jsã€:phpspot開発日誌
カスタマイズ性ã«å„ªã‚ŒãŸã‚µã‚¸ã‚§ã‚¹ãƒˆæ©Ÿèƒ½ã‚’実装ã§ãる「jQuery Autocompleter〠– bl6.jp
シンプルãªç”»åƒã‚ºãƒ¼ãƒ jQueryプラグイン「ZoomItã€:phpspot開発日誌
通常ã®ãƒ•ã‚©ãƒ¼ãƒ をインタラクティブãªãƒãƒ£ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ã™ã‚‹ã€ŒconvFormã€:phpspot開発日誌
JSONデータã‹ã‚‰ãƒ„ãƒªãƒ¼æ§‹é€ ã‚’ä½œæˆã§ãã‚‹jQueryプラグイン「jqTree〠– bl6.jp
複数ステップã«åˆ†ã‘ãŸãƒ•ã‚©ãƒ¼ãƒ ãŒç°¡å˜ã«ä½œã‚Œã‚‹ã€ŒMulti-Step-Form-Jsã€:phpspot開発日誌
高ã•æƒãˆã®jQueryプラグインを比較ã—ã¦ã¿ãŸ ｜ Tips Note by TAM
サムãƒã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨å¤§ããªç”»åƒã§è¡¨ç¤ºã™ã‚‹ jQueryプラグイン Boxerを試ã—ã¦ã¿ãŸ | WEB PIXY
サイドãƒãƒ¼ã‚’スティッã‚ーã«å›ºå®šã™ã‚‹ã€ŒSticky Sidebarã€:phpspot開発日誌
パãƒãƒ«ã‚’ãã‚‹ã‚Šã¨å›žè»¢ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…「jQuery Flipã€:phpspot開発日誌
jQuery＆Bootstrapã§ä½œã£ãŸã‚·ãƒ³ãƒ—ルãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€Œsimplegalleryã€:phpspot開発日誌
è¦ç´ をスクãƒãƒ¼ãƒ«ã«è¿½å¾“ã•ã›ã‚‹ jQuery プラグイン
スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚é …ç›®ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ヘッダー固定「jquery.stickyTableHeaderã€:phpspot開発日誌
smoothState.js - 滑らã‹ãªç”»é¢é·ç§»ã‚’æä¾› MOONGIFT
{{#tags}}- {{label}}
{{/tags}}