ドラッグしたテキストをハイライトするjQueryプラグイン・jQuery Text Highlighter
ドラッグしたテキストをハイライトするライブラリのご紹介。jQuery依存になります。文章コンテンツで役に立つ・・・・かもしれない。
プログラミング
Wikipediaから指定したキーワードに該当するページの簡単な情報を手軽に取り出せるjQueryプラグイン・jQuery Wikipedia Plugin
Wikipediaから任意のキーワードに該当するページにある情報を手軽に取り出せる、というスクリプトのご紹介。地味に使いどころあるかもと思ったので備忘録です。
transit.jsを併用してアニメーションコンテンツを実装するスクリプト・Nanimator
transit.jsを併用してアニメーションコンテンツを実装するjQuery依存のスクリプト・Nanimatorのご紹介です。CSS3ベースなので使いどころは限られますけど覚えておいて損は無いかも。
Githubのリポジトリの概要を任意のWebサイトに手軽に表示出来るようにするjQueryプラグイン・jQuery Github
GithubのリポジトリをWebサイトに表示する、というスクリプトのご紹介。jQuery依存になります。地味に便利かもと思ったので備忘録として。
背景にした画像をドラッグ&ドロップ出来る様にするjQueryプラグイン・Draggable Background
背景の画像をD&D出来る様にする、というスクリプトのご紹介です。jQuery依存になります。ECサイト等で使えるかも・・・しれない。
クレジットカードの情報入力を支援する為のスクリプト・Skeuocard
クレジットカードの情報入力支援用に作られたスクリプトです。クレジットカードの情報入力は結構面倒だったりするのでこういった支援スクリプトは気になるところですね・・・
tableをJSONデータにコンバートするjQueryプラグイン・Table-to-JSON
table要素をJSONデータに変換して取得出来るようにする、というスクリプト。jQueryに依存しています。どこかで利用させてもらうかもしれないので今のうちにメモ（と言いつつ、いつも忘れますけど）
CSS3による多層グラデーションを使った背景を作れるjQueryプラグイン・SHARDS
ちょっと面白かったので備忘録。CSS3で多層グラデーションの背景を手軽に作れる、というスクリプト。jQueryに依存します。レイヤーはランダムに組まれるみたいですね。
サイドからスライドインするフィードバック用フォームを実装するjQueryプラグイン・Feedback Me
よく見かけるフィードバック用のコンタクトフォームを実装するスクリプトのご紹介です。外部サービスだと使い勝手がアレなのでこうして独自で設置できるといいですね。
汎用性の高そうなjQueryイメージスライダー・Fotorama
よさ気だったので備忘録。jQueryで作るスライダーです。画像や動画にも対応、レスポンシブWebデザインにも対応しており、マークアップもシンプルで済みます。
ボックスの高さを指定して「続きを読む」リンクを付けられるjQueryプラグイン・READMORE.JS
ちょっと便利そうだったので備忘録。テキストが長いコンテンツをコンパクト化するスクリプトです。方法はいろいろありますけど、こちらは高さ指定という点がシンプルで良かったです。
学生向けに作られた国産プログラミング学習サイト・コーディング道場
たまたま見つけたのでご紹介。プログラミング学習サイトです。学生さんの就職活動の支援サイトとして作られたそうですよ。現在はPHPとRubyが学べるみたいです。
jQueryやMootoolsとほぼ同等の機能を持った、パブリックドメインの軽量JavaScriptライブラリ・Minified.js
ちょっと気になったので備忘録。jQueryやMootools、ZeptなどのJavaScriptライブラリとほぼ同じ機能で、且つ軽量なライブラリのようです。一覧表を見る限りでは完全互換では無いようです。
500px.comライクな写真共有サービスを構築できるオープンソースのソフトウェア・photographer-io
photographer-ioは、写真共有サイトを構築できるOSSです。500px.comのようなレイアウトや機能が備わっています。Rubyで作られているみたいですね。
要素のドラッグ&ドロップを可能にするZeptoのプラグイン・HTML5 Drag & Swap Zepto Plugin
D&Dを可能にするZeptoのプラグインのご紹介。スマフォ向けに開発されたjQuery互換のライブラリ、Zeptoをコアとしてドラッグ&ドロップを実装するスクリプトです。
アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル
SVGで書いたアイコンとPNGとで、どちらが重いかを調べた動作サンプルがあったので備忘録としてメモします。当然と言えば当然なんですけど、実際に見てみるとなんとも言えない気分になります・・
要素をフリップさせるためのライブラリ・Flippant.js
要素をフリップ（回転）させるためのライブラリのご紹介。CSS3の記事なんかでたまに見かけますね。使用シーンは限られそうですけど動きは面白いです。
select要素の使い勝手を向上させる（かもしれない）UIを実装するスクリプト・Selectize.js
select要素の使い勝手を良くする事が出来るかもしれないスクリプトのご紹介。モノによっては逆に分かりにくくなりそうなので使いどころを気をつける必要がありそうです。
動画やGoogleマップにも対応した軽量なモーダルウィンドウを実装するjQueryプラグイン・Pop Easy
使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。
tableの幅をドラッグでリサイズ出来るようにするスクリプト・jQuery Resizable Column
table要素の幅をドラッグでリサイズ出来る様にする、というスクリプトのご紹介です。用途は少なそうですけど、テーブルの内容次第では便利かも。
要素を自動でセンタリングさせる為のスクリプト・Midway.js
要素をセンタリングさせる為だけのスクリプトです。CSSだけでも出来る事は出来るので無くても困りませんけど・・軽量で手軽に使えるのであっても困らないのでメモ的に。
Bootstrap向けの、select要素の複数選択を分かりやすくするjQueryプラグイン・Bootstrap Multiselect
Twitter Bootstrap向けに作られた、select要素の複数選択を分かりやすくするjQueryのプラグインのご紹介。個人的にBootstrapの使用率が減りましたので利用させてもらう機会は無いかもですけど・・