ギャラリー化も可能な、画像をズームさせるjQueryプラグイン・Zoomer 便利そうだったのでメモ。イメージズーマーです。複数の画像がある場合は、自動でギャラリー化、それぞれの画像をズームする事もできます。ECサイトに良さそうですね。2013.09.12 | 10時55分07秒jQueryWebデザイン
マウスホイールで横スクロール+パララックス効果のあるコンテンツを実装するスクリプト・jInvertScroll マウスホイールで横スクロール+パララックスなWebサイトを作れる、というスクリプト。なかなか良さそうだったので備忘録です。コンテンツが横移動するだけで、スクロールバーは縦になります。2013.09.10 | 10時42分10秒jQueryWebデザイン
tableの列ごとに任意のキーワードでフィルタリングできる軽量jQueryプラグイン・Multifilter tableから複数キーワードでフィルタリングできるjQueryのプラグイン・Multifilterのご紹介です。非圧縮でも2KB以下と、とても軽量です。大量な情報を含むtableにあると便利そうですね。2013.09.09 | 10時50分24秒jQueryWebデザイン
ファビコンに更新通知の数字バッジ等をアニメーション付きで表示させるスクリプト・favico.js ファビコンに更新通知の数字バッジ等をアニメーション付きで表示させるスクリプト・favico.jsのご紹介です。メールやソーシャルサイトなどで最近よく見かける、ファビコン通知バッジを実装します。2013.09.07 | 10時57分40秒jQueryWebデザイン
ベーシックなWYSIWYGエディタを実装するjQueryプラグイン・SCEditor ベーシックなjQueryのWYSIWYGエディタです。結構使いやすそうだったので備忘録。よくあるWYSIWYGエディタの機能はほぼ揃っています。軽量との事ですが、一般的な軽量サイズが分かりませんので触れないでおきます。2013.09.06 | 11時15分09秒jQueryWebデザイン
丸みを帯びた可愛らしい、シンプルなアイコンフォント・DRIPICONS 可愛いアイコンフォントがあったのでメモ。アイコンフォントなので用途は限られてしまいますが、覚えておいても損は無いかなぁと思います。2013.09.03 | 10時52分16秒Webデザイン
フォームでユーザーにヘルプをツールチップで実装するjQueryプラグイン・jQuery FormHelp 割と需要ありそうなので備忘録ついでにご紹介。ツールチップで実装する、テキストのフォームヘルパーです。「こういう具合に入力してね」みたいなのを明示するやつ。2013.08.31 | 10時12分48秒jQueryWebデザイン
ジャイロセンサーに対応したパララックス(視差効果)のあるコンテンツを実装するスクリプト・parallax.js スマフォサイト用のパララックス実装スクリプトがあったので一応メモ。使用は未定ですけど、ちょっと面白かったので覚えておこうと思います。2013.08.28 | 10時10分56秒jQueryWebデザイン
ドラッグしたテキストをハイライトするjQueryプラグイン・jQuery Text Highlighter ドラッグしたテキストをハイライトするライブラリのご紹介。jQuery依存になります。文章コンテンツで役に立つ・・・・かもしれない。2013.08.25 | 9時58分32秒jQueryWebデザイン
Googleのスプレッドシートをデータベースのように利用出来るようにするスクリプト・Sheetsee.js Googleのスプレッドシートをデータベースのように利用出来るようにするスクリプト・Sheetsee.jsのご紹介。シートを元にグラフや地図などを作成出来るみたいです。2013.08.23 | 10時30分29秒cssやプログラミングWebデザイン
Wikipediaから指定したキーワードに該当するページの簡単な情報を手軽に取り出せるjQueryプラグイン・jQuery Wikipedia Plugin Wikipediaから任意のキーワードに該当するページにある情報を手軽に取り出せる、というスクリプトのご紹介。地味に使いどころあるかもと思ったので備忘録です。2013.08.19 | 11時46分25秒jQueryWebデザイン
transit.jsを併用してアニメーションコンテンツを実装するスクリプト・Nanimator transit.jsを併用してアニメーションコンテンツを実装するjQuery依存のスクリプト・Nanimatorのご紹介です。CSS3ベースなので使いどころは限られますけど覚えておいて損は無いかも。2013.08.15 | 10時25分19秒jQueryWebデザイン
Githubのリポジトリの概要を任意のWebサイトに手軽に表示出来るようにするjQueryプラグイン・jQuery Github GithubのリポジトリをWebサイトに表示する、というスクリプトのご紹介。jQuery依存になります。地味に便利かもと思ったので備忘録として。2013.08.14 | 10時36分57秒jQueryWebデザイン
背景にした画像をドラッグ&ドロップ出来る様にするjQueryプラグイン・Draggable Background 背景の画像をD&D出来る様にする、というスクリプトのご紹介です。jQuery依存になります。ECサイト等で使えるかも・・・しれない。2013.08.07 | 10時35分30秒jQueryWebデザイン
レスポンシブWebデザインに対応するナビゲーションのパターンをいくつかまとめている・Responsive Navigation レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。2013.08.06 | 10時31分16秒cssやプログラミングWebデザイン
クレジットカードの情報入力を支援する為のスクリプト・Skeuocard クレジットカードの情報入力支援用に作られたスクリプトです。クレジットカードの情報入力は結構面倒だったりするのでこういった支援スクリプトは気になるところですね・・・2013.08.02 | 13時00分14秒jQueryWebデザイン
デザインテーマのカスタマイズツールも用意されているオープンソースのフロントエンドフレームワーク・UIkit カスタマイズツールも用意されたOSSのフロントエンドフレームワークのご紹介。名前は同じなので誤解されそうですが、Appleのアレとは関係ありません。2013.07.30 | 10時25分11秒cssやプログラミングWebデザイン
tableをJSONデータにコンバートするjQueryプラグイン・Table-to-JSON table要素をJSONデータに変換して取得出来るようにする、というスクリプト。jQueryに依存しています。どこかで利用させてもらうかもしれないので今のうちにメモ(と言いつつ、いつも忘れますけど)2013.07.28 | 10時35分00秒jQueryWebデザイン
CSS3による多層グラデーションを使った背景を作れるjQueryプラグイン・SHARDS ちょっと面白かったので備忘録。CSS3で多層グラデーションの背景を手軽に作れる、というスクリプト。jQueryに依存します。レイヤーはランダムに組まれるみたいですね。2013.07.26 | 10時22分46秒jQueryWebデザイン
サイドからスライドインするフィードバック用フォームを実装するjQueryプラグイン・Feedback Me よく見かけるフィードバック用のコンタクトフォームを実装するスクリプトのご紹介です。外部サービスだと使い勝手がアレなのでこうして独自で設置できるといいですね。2013.07.22 | 12時09分02秒jQueryWebデザイン
汎用性の高そうなjQueryイメージスライダー・Fotorama よさ気だったので備忘録。jQueryで作るスライダーです。画像や動画にも対応、レスポンシブWebデザインにも対応しており、マークアップもシンプルで済みます。2013.07.20 | 10時31分42秒jQueryWebデザイン
ボックスの高さを指定して「続きを読む」リンクを付けられるjQueryプラグイン・READMORE.JS ちょっと便利そうだったので備忘録。テキストが長いコンテンツをコンパクト化するスクリプトです。方法はいろいろありますけど、こちらは高さ指定という点がシンプルで良かったです。2013.07.18 | 10時25分16秒jQueryWebデザイン