
webデザイナー


jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる

JavaScriptは使わず、CSS3でコンテンツフィルターを実装する

モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive

ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB

iPhoneやiPadでドラッグやリサイズ可能なコンテンツを容易に実装出来る・jQuery.ui.touch-punch.js

JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた

FoundationをベースとしたHTML5製のレスポンシブ対応WordPressテーマフレームワーク・Reverie

HTML5のmenu要素にも対応した、独自の右クリックメニューを実装するjQueryプラグイン・jQuery contextMenu

要素を無限スクロールさせるjQueryプラグインいくつか

テキストや画像でパララックス効果のあるコンテンツを実装するjQueryコード

今年(2011年)参考になったWeb制作者向けのスライドいろいろ

画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator

画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装するjQueryプラグイン・slideshowify.js

スタイリッシュでシンプルなデザインのWordPressテーマを無料配布する・WPEXPLORER

レスポンシブなWebサイト構築向けのフレームワーク・FoundationのWordPressテーマ版

jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ

iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery

レスポンシブWebデザイン設計用のシンプルなテンプレート・The Goldilocks Approach

要素を遅延表示させながらレンガ風に整列させるシンプルで軽量なjQueryプラグイン・stalactite

iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構イイ!(・∀・)※Win用
