画像を菱形状に並べるイメージギャラリーを実装するスクリプト・jquery.diamonds.js 以前よく見かけたタイプのイメージギャラリーを実装出来るスクリプトがあったのでメモ。菱形状に並べる、というものです。実用性は置いといて、素敵な見せ方ですね。2013.11.07 | 12時01分34秒jQueryWebデザイン
Bootstrap用の、ページ内の目次を生成するスクリプト・tocify.js Twitter Bootstrap用の、目次生成スクリプト・tocify.jsのご紹介です。見出しを探し出して自動で目次を作る、みたいなやつ。実装も楽でユーザーにも優しい実装なのは素敵ですね。2013.11.05 | 10時43分08秒jQueryWebデザイン
input要素に入力パターンを組み込めるjQueryプラグイン・formatter.js 地味に便利そうだったのでメモ。input要素に入力パターンを組み込める、というスクリプトです。jQueryに依存しています。ユーザーの入力の補助によさそう。2013.11.03 | 10時45分39秒jQueryWebデザイン
contentEditable属性対応の、オートコンプリートでテキストや絵文字の入力を補完するライブラリ・At.js オートコンプリートでテキストや絵文字等の入力を楽にしてくれる、というスクリプトです。以前紹介したものと被りますが、選択肢は多いほうがいいですね、という事でメモ。2013.10.24 | 11時46分08秒jQueryWebデザイン
ページ内の目次を自動生成するjQueryプラグイン・jQuery Jump To ページ内の目次を自動生成する、というスクリプトのご紹介です。見出しを検出してページ内のナビゲーションを作成出来ます。冗長なページにはあると良さそうですね。2013.10.23 | 10時48分52秒jQueryWebデザイン
Twitter Bootstrap向けのMarkdownエディタを実装出来るスクリプト・Bootstrap Markdown Bootstrap向けのMarkdownエディタを実装出来る、というスクリプトのご紹介です。Markdown対応のエディタで、タグ保管機能も付いています。なかなか良さそうです。2013.10.12 | 13時15分20秒jQueryWebデザイン
複数ボックスを順に表示出来るモーダルウィンドウを実装するスクリプト・vex 複数の要素をモーダルウィンドウとして表示し、順に表示させる事が出来る、というスクリプト。うまく説明できませんので見てもらったほうが早そうですね・・2013.09.22 | 11時25分42秒jQueryWebデザイン
文章内の任意のテキストのみ、内容をアニメーション付きでローテーションさせるスクリプト・Simple Text Rotator 文章内のテキストをアニメーションエフェクト付きで別テキストに変更、ローテーションで回せるというスクリプト。利用シーンはある程度限られますが、訴求力の向上に役立ってくれるかもしれません。2013.09.21 | 12時42分14秒jQueryWebデザイン
任意のエレメントに、サイズに応じてclassの追加/削除をするスクリプト・Responsive elements 任意のエレメントに、画面サイズに合わせて特定のclassの追加/削除を行うスクリプト・Responsive elementsのご紹介です。特定の画面サイズになるとclassが付与されるので、そのclassを使ってCSSを書きます。2013.09.19 | 11時59分22秒jQueryWebデザイン
任意のテキストを、ユーザーがTwitterに投稿できるようにするスクリプト・jquery.tweetable.js 任意のテキストを、閲覧しているユーザーがTwitterに投稿できるようにする、というスクリプトのご紹介。jQuery依存ですが、プラグイン自体は軽量です。2013.09.16 | 9時20分33秒jQueryWebデザイン
textareaでオートコンプリート機能を実装するjQueryプラグイン・jQuery.textcomplete textareaでオートコンプリート機能を実装するスクリプト・jQuery.textcompleteのご紹介。デモではコメント投稿で絵文字を使う、みたいなケースが紹介されています。2013.09.14 | 10時21分48秒jQueryWebデザイン
ギャラリー化も可能な、画像をズームさせる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デザイン
フォームでユーザーにヘルプをツールチップで実装する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デザイン
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デザイン