[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.jsデモ：Googleマップ Googleマップもサãƒãƒ¼ãƒˆã€‚ Embed.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプト・スタイルシートã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋ã‚込む時ã«ã¯ã€Œwidgets.jsã€ã€ã‚³ãƒ¼ãƒ‰ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã«ã¯ã€Œhighlight.min.jsã€ã‚’使用ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
今ã£ã½ããªã£ãŸï¼ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãŠã•ãˆãŸjQuery プラグインã¾ã¨ã‚
Vegas Background SlideShow
Web制作ã«ä½¿ãˆã‚‹ï¼ã‚ªã‚·ãƒ£ãƒ¬ãªã‚µã‚¤ãƒˆã«è¦‹ã›ã‚‹ãŸã‚ã®CSSã‚„jQueryプラグインã¾ã¨ã‚
ãŠã—ゃれãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ã§ã‚¤ãƒ©ã‚¤ãƒ©è§£æ¶ˆ fakeLoader.js
jQueryプラグイン「pjaxã€ã§ã‚¹ãƒ ーズã«ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | Neganin(ãƒã‚¬ãƒ‹ãƒ³)
綺麗ãªå‹•ãã«ãªã£ãŸï¼Web制作å‰ã«è¦‹ã¦ãŠããŸã„jQueryプラグインã¾ã¨ã‚
第1回　プラグインを見ã¤ã‘よㆠ| gihyo.jp
今風ã«ãªã£ãŸï¼Web制作ã§ä½¿ãˆã‚‹æœ€è¿‘ã®jQueryプラグインã¾ã¨ã‚
[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Strip![[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
[JS]ç°¡å˜ãªè¨˜è¿°ã§ã€è»½å¿«ã§æ»‘らã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãるスクリプト -JSTween
デザインスã‚ルを無料動画ã§ãƒžã‚¹ã‚¿ãƒ¼ï½œSchoo（スクー）デザインå¦éƒ¨
Web制作ã§ä½¿ãˆãŸï¼jQueryプラグインã¾ã¨ã‚＋起æ¥ã—ã¾ã—ãŸ
IDEA * IDEA
[JS]ページを表示ã™ã‚‹æ™‚ã«ã‹ã£ã“ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト（WordPressã«ã‚‚対応） -Animsition![[JS]ページを表示ã™ã‚‹æ™‚ã«ã‹ã£ã“ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト（WordPressã«ã‚‚対応） -Animsition](https://cdn-ak-scissors.b.st-hatena.com/image/square/9777d3ddb94171e6f761197ff33a27f86a16ce31/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082901.png)
[JS]ç”»åƒã‚’æ¹–é¢ã«ã‚†ã‚‰ã‚†ã‚‰ã¨æ˜ ã—出ã™ç™’ã—系スクリプト -lake.js
[JS]サイドãƒãƒ¼ã‚’å·¦å³ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã”ãシンプルãªã‚¹ã‚¯ãƒªãƒ—ト -Simple Sidebar![[JS]サイドãƒãƒ¼ã‚’å·¦å³ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã”ãシンプルãªã‚¹ã‚¯ãƒªãƒ—ト -Simple Sidebar](https://cdn-ak-scissors.b.st-hatena.com/image/square/c459cc2f4db5b1da3c75aa960dd4238b0628cb55/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014081901-01.png)
Owl Carousel
ç§ãŒã‚ˆã使ã£ã¦ã„ã‚‹jQueryプラグインã¾ã¨ã‚（スライダーã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãªã©ï¼‰
SVGアニメを手軽ã«ä½œã‚Œã‚‹Lazy Line Painter｜ã“ã†ã‚ã®â€œã“ã‚Œã‹ã‚‰ä½¿ãˆã‚‹â€jQueryプラグイン
{{#tags}}- {{label}}
{{/tags}}