![](https://kachibito.net/wp-content/uploads/2011/12/2011.png)
webデザイナー
![](https://kachibito.net/wp-content/uploads/2011/12/2011.png)
![](https://kachibito.net/wp-content/uploads/2011/12/vimeolight.jpg)
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる
![](https://kachibito.net/wp-content/uploads/2011/12/fil.jpg)
JavaScriptは使わず、CSS3でコンテンツフィルターを実装する
![](https://kachibito.net/wp-content/uploads/2011/12/pageslide00.jpg)
モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive
![](https://kachibito.net/wp-content/uploads/2011/12/yamb02.jpg)
ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB
![](https://kachibito.net/wp-content/uploads/2011/12/touch03.jpg)
iPhoneやiPadでドラッグやリサイズ可能なコンテンツを容易に実装出来る・jQuery.ui.touch-punch.js
![](https://kachibito.net/wp-content/uploads/2011/12/jsbin00.jpg)
JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた
![](https://kachibito.net/wp-content/uploads/2011/12/reverie000.jpg)
FoundationをベースとしたHTML5製のレスポンシブ対応WordPressテーマフレームワーク・Reverie
![](https://kachibito.net/wp-content/uploads/2011/12/contextmenu000.jpg)
HTML5のmenu要素にも対応した、独自の右クリックメニューを実装するjQueryプラグイン・jQuery contextMenu
![](https://kachibito.net/wp-content/uploads/2011/12/inf000.jpg)
要素を無限スクロールさせるjQueryプラグインいくつか
![](https://kachibito.net/wp-content/uploads/2011/11/pal00.jpg)
テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード
![](https://kachibito.net/wp-content/uploads/2011/11/slide001.jpg)
今年(2011年)参考になったWeb制作者向けのスライドいろいろ
![](https://kachibito.net/wp-content/uploads/2011/11/dcube000.jpg)
画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator
![](https://kachibito.net/wp-content/uploads/2011/11/slide00.jpg)
画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装するjQueryプラグイン・slideshowify.js
![](https://kachibito.net/wp-content/uploads/2011/11/wpexplorer000.jpg)
スタイリッシュでシンプルなデザインのWordPressテーマを無料配布する・WPEXPLORER
![](https://kachibito.net/wp-content/uploads/2011/11/oooo.jpg)
レスポンシブなWebサイト構築向けのフレームワーク・FoundationのWordPressテーマ版
![](https://kachibito.net/wp-content/uploads/2011/04/jq1.jpg)
jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ
![](https://kachibito.net/wp-content/uploads/2011/11/ssss.jpg)
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery
![](https://kachibito.net/wp-content/uploads/2011/11/gold00.jpg)
レスポンシブWebデザイン設計用のシンプルなテンプレート・The Goldilocks Approach
![](https://kachibito.net/wp-content/uploads/2011/11/000000000000000.jpg)
要素を遅延表示させながらレンガ風に整列させるシンプルで軽量なjQueryプラグイン・stalactite
![](https://kachibito.net/wp-content/uploads/2011/11/ele000.jpg)
iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構イイ!(・∀・)※Win用
![](https://kachibito.net/wp-content/uploads/2011/03/maga011.jpg)