Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

  • Posted on
  • Category : Tips
Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

覚えておきたいと思ったので備忘録兼ねて。「Vanilla List」はその名の通り、Vanilla JavaScriptで作成されたプラグインが多数まとめられているサイトです。現時点で105種類あるのでよく使いそうな動きのものはひと通り揃っている印象で、タグ付けや検索機能なども用意されているので目的のプラグインも探しやすいと思います。

一覧表示のイメージ

一覧はイメージのような感じになっており、各プラグインのサムネイルにはGitHubへのリンクが設定されています。
プラグインの紹介文下にも同じくGitHubへのリンクがある他、npmと動きの確認をできるデモへのリンクもそれぞれ記載されているので、デモが用意されているならとりあえず動きを見たいという時もそちらからすぐに確認できます。

検索機能使用時のイメージ

サイトには検索機能も実装(ページ右上)されており、何かキーワードを入力した際に該当したものがあれば候補を表示してくれるようになっています。
上のイメージは実際に入力してみたもので、例えば「image」と入力した場合はこのように「image」と関連ありそうなものが表示されます。
また、各プラグインにはタグ付けもされており、同じような動きで他にどのようなプラグインがあるか探す時など便利です。
タグもいろいろと用意されており、一部紹介すると「Slider」「Modal」「Validate」「Zoom」「Animations」「Masonry」などがあります。

普段からjQueryをあまり利用しない人だけでなく、例えば少し動きをつけたいのでjQueryプラグインを使用予定だけど、その動きを実装するがためだけにjQueryを利用するというような場合は、ここで一度探してみるとわざわざjQueryを使わなくても代替で使用できるプラグインが見つかるかもしれません。

プラグインは現在105種類がまとめられており、今後もこういったものはどんどん増えていくと思うので、同じようにこのサイトの掲載数も今後増えていくと良いですね。

Back to Top

Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

/ Tips

Tagged with:

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。