縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」
jquery.stickyTableHeader jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。...
Resource - jQuery
jQueryライクに使えるシンプルで軽量なDOM操作ライブラリ・「stuQuery」
stuQuery stuQueryはjQueryライクに使えるシンプルで軽量なDOM操作用ライブラリです。DOM操作の為だけにjQueryを初め、サイズの大きいライブラリを使うのに抵抗があったため作成したそうです。コンフリクトを避ける...
Vimeoの動画を背景に設定する為のスクリプト・「jQuery.mb.vimeo_player」
jQuery.mb.vimeo_player jQuery.mb.vimeo_playerはVimeoの動画を背景に設定する為のスクリプトです。jQueryに依存します。背景にするというか、背景にした動画のコントロールが主な目的ですね...
タイムテーブルのような時間表を作成出来るjQueryプラグイン・「jQuery Skeduler Plugin」
jQuery Skeduler Plugin jQuery Skeduler Pluginは上図のようなタイムテーブル、時間表を作成できるスクリプトです。jQueryに依存しています。CSSと要素を用意してデータをセットすればいいみた...
任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」
jQuery Menu jQuery Menuは任意のコンテキストメニューを実装する為のスクリプトです。jQueryに依存します。特定のエリアで右クリックすると事前に設定したメニューが表示される、というもの。ライセンスはMITです。 ...
段落毎に設置した画像を、その段落が終わるまで固定させるスクリプト・「jquery-stopattop」
jquery-stopattop jquery-stopattopは段落毎に設置した画像を、段落がスクロールし終わるまで固定させるスクリプトです。ちょっと僕の説明が下手でピンとこないと思いますので動作サンプルを用意しました。名前の通り...
クライアントサイドのJavaScript製captcha・「ClientSideCaptcha」
ClientSideCaptcha ClientSideCaptchaはクライアントサイドで動作するJavaScript製captchaです。jquery依存みたいです。上デモのように画像(大文字は大文字で入力)と入力されたテキス...
ランダムにパスワードを生成するスクリプト・「jquery.passwordGenerator」
jquery.passwordGenerator See the Pen jQuery Password Generator by kachibito (@kachibito) on CodePen. jquery.passwo...
スライダータイプの使いやすいタイムラインスクリプト・「Timeline.js」
Timeline.js Timeline.jsはスライダー形式で年表のようなタイムラインを表示するスクリプトです。jQueryに依存しています。よくあるタイムラインスクリプトのように細かく年月日設定する等は出来無さそうですが、ざっくり...
一定の時間経過したら等、時間でCSSを制御するスクリプト・「STIMED.js」
STIMED.js STIMED.jsは一定の時間経過等、時間でCSSを制御するスクリプトです。jQueryに依存します。指定方法は以下のような感じ。 昼と夜でコントラストを変えたり、要素の色を変えたり、画像を変えた...
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」
mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...
jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」
Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...
SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」
jQuery-svg-progress jQuery-svg-progressはSVGを使ったプログレスバーを実装出来るスクリプトです。jQueryに依存します。SVGなのである程度自由にカスタマイズできる点が魅力ですね。モニター幅の...
JSONデータから年表のようなタイムラインを作れるスクリプト・「Albe Timeline」
Albe Timeline Albe TimelineはJSONデータから年表を作成出来るスクリプトです。jQueryに依存しています。JSON形式で書かれたデータで自動的に上図のようなタイムラインを作ることが出来ます。シンプルに、た...
SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」
jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」
paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...
手軽で簡単、使いやすい国産の動画用モーダルウィンドウスクリプト・「modal-video.js」
modal-video.js modal-video.jsは手軽で簡単に動画をモーダルウィンドウです。jQueryに依存しています。開発元は国産CMSを開発するa-blog cmsの方。スクリプトとCSSを読み込み、任意の要素に用意さ...
任意の要素にマウスの動きに合わせてパララックス効果を表現出来るスクリプト・「Tilt」
Tilt Tiltは任意の要素にパララックス効果を与えられるスクリプトです。jQueryに依存しますので軽量なスクリプトとは言えないかもですが、本スクリプト自体は圧縮版で1.45kbほどのようです。オプションもいろいろ揃えられていまし...
Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」
LikeBtn LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・ｗ 念の為、Facebook...
画像をアップロードする前にロード、プレビューするjQueryスクリプト・「LoadImg」
LoadImg See the Pen QGENKq by kachibito (@kachibito) on CodePen. LoadImgは画像をアップロードする前にプレビューするスクリプトです。jQueryに依存します。上デ...
jQueryとBootstrapで作るシンプルなスケジューラー・「pit-scheduler」
pit-scheduler pit-schedulerはjQueryとBootstrapで作るスケジューラーです。横長のカレンダーに蛍光ペンで引くようにスケジュールを設定、管理出来る、というもの。現状の仕様ではタスクの設定はちょっぴり...
レスポンシブなtableの為のスクリプト・「resTables」
resTables resTablesはレスポンシブなtableを作るためのスクリプトです。jqueryに依存しています。同等の先発のスクリプトであるstacktable.jsの形式に基づき、更に進化させたものとして提供しているそう。...