複数ボックスを順に表示出来るモーダルウィンドウを実装するスクリプト・vex
複数の要素をモーダルウィンドウとして表示し、順に表示させる事が出来る、というスクリプト。うまく説明できませんので見てもらったほうが早そうですね・・
webデザイナー
任意のエレメントに、サイズに応じてclassの追加/削除をするスクリプト・Responsive elements
任意のエレメントに、画面サイズに合わせて特定のclassの追加/削除を行うスクリプト・Responsive elementsのご紹介です。特定の画面サイズになるとclassが付与されるので、そのclassを使ってCSSを書きます。
シンプルで使いやすいレスポンシブWebデザインの確認ツール・Dimensions
シンプルで使いやすいRWDの表示確認ツール・Dimensionsのご紹介です。Chromeエクステンションもあるみたいですね。ドラッグで動かせるのは楽で良いです。
任意のテキストを、ユーザーがTwitterに投稿できるようにするスクリプト・jquery.tweetable.js
任意のテキストを、閲覧しているユーザーがTwitterに投稿できるようにする、というスクリプトのご紹介。jQuery依存ですが、プラグイン自体は軽量です。
textareaでオートコンプリート機能を実装するjQueryプラグイン・jQuery.textcomplete
textareaでオートコンプリート機能を実装するスクリプト・jQuery.textcompleteのご紹介。デモではコメント投稿で絵文字を使う、みたいなケースが紹介されています。
ギャラリー化も可能な、画像をズームさせるjQueryプラグイン・Zoomer
便利そうだったのでメモ。イメージズーマーです。複数の画像がある場合は、自動でギャラリー化、それぞれの画像をズームする事もできます。ECサイトに良さそうですね。
マウスホイールで横スクロール+パララックス効果のあるコンテンツを実装するスクリプト・jInvertScroll
マウスホイールで横スクロール+パララックスなWebサイトを作れる、というスクリプト。なかなか良さそうだったので備忘録です。コンテンツが横移動するだけで、スクロールバーは縦になります。
tableの列ごとに任意のキーワードでフィルタリングできる軽量jQueryプラグイン・Multifilter
tableから複数キーワードでフィルタリングできるjQueryのプラグイン・Multifilterのご紹介です。非圧縮でも2KB以下と、とても軽量です。大量な情報を含むtableにあると便利そうですね。
ベーシックなWYSIWYGエディタを実装するjQueryプラグイン・SCEditor
ベーシックなjQueryのWYSIWYGエディタです。結構使いやすそうだったので備忘録。よくあるWYSIWYGエディタの機能はほぼ揃っています。軽量との事ですが、一般的な軽量サイズが分かりませんので触れないでおきます。
Web制作時にあると少し便利なWebツールを公開している・QuirkTools
Web制作時にあるとちょっと便利なツールをセットで公開しているQuirkToolsのご紹介です。今の所は4つほどですが、今後増えると嬉しいですね。
丸みを帯びた可愛らしい、シンプルなアイコンフォント・DRIPICONS
可愛いアイコンフォントがあったのでメモ。アイコンフォントなので用途は限られてしまいますが、覚えておいても損は無いかなぁと思います。
スライドを手軽に作成、シェアサイトで共有、他サイトへ貼り付け、編集できるWebサービス・projeqt
スライドを簡単に作成し、シェアやEnbed、編集も手軽に出来るWebサービスのご紹介。見た目もクールで管理もしやすく、日本語も問題無いのでなかなか便利そうです。
ジャイロセンサーに対応したパララックス（視差効果）のあるコンテンツを実装するスクリプト・parallax.js
スマフォサイト用のパララックス実装スクリプトがあったので一応メモ。使用は未定ですけど、ちょっと面白かったので覚えておこうと思います。
ドラッグしたテキストをハイライトするjQueryプラグイン・jQuery Text Highlighter
ドラッグしたテキストをハイライトするライブラリのご紹介。jQuery依存になります。文章コンテンツで役に立つ・・・・かもしれない。
Wikipediaから指定したキーワードに該当するページの簡単な情報を手軽に取り出せるjQueryプラグイン・jQuery Wikipedia Plugin
Wikipediaから任意のキーワードに該当するページにある情報を手軽に取り出せる、というスクリプトのご紹介。地味に使いどころあるかもと思ったので備忘録です。
transit.jsを併用してアニメーションコンテンツを実装するスクリプト・Nanimator
transit.jsを併用してアニメーションコンテンツを実装するjQuery依存のスクリプト・Nanimatorのご紹介です。CSS3ベースなので使いどころは限られますけど覚えておいて損は無いかも。
背景にした画像をドラッグ&ドロップ出来る様にするjQueryプラグイン・Draggable Background
背景の画像をD&D出来る様にする、というスクリプトのご紹介です。jQuery依存になります。ECサイト等で使えるかも・・・しれない。
レスポンシブWebデザインに対応するナビゲーションのパターンをいくつかまとめている・Responsive Navigation
レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。
クレジットカードの情報入力を支援する為のスクリプト・Skeuocard
クレジットカードの情報入力支援用に作られたスクリプトです。クレジットカードの情報入力は結構面倒だったりするのでこういった支援スクリプトは気になるところですね・・・
デザインテーマのカスタマイズツールも用意されているオープンソースのフロントエンドフレームワーク・UIkit
カスタマイズツールも用意されたOSSのフロントエンドフレームワークのご紹介。名前は同じなので誤解されそうですが、Appleのアレとは関係ありません。
CSS3による多層グラデーションを使った背景を作れるjQueryプラグイン・SHARDS
ちょっと面白かったので備忘録。CSS3で多層グラデーションの背景を手軽に作れる、というスクリプト。jQueryに依存します。レイヤーはランダムに組まれるみたいですね。
JPEGminiのWindows版が出てたので購入してみた
jpg画像を画質を変えずにダイエットしてくれるWebツールのJPEGminiにWindows版が出ててそこそこ安かったので購入してみました。お蔭様で随分楽になりました。