
webデザイナー


Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho

画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture

シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt

拡大時にアコーディオンのように画像が広がるカルーセルを実装するjQueryプラグイン・Accarousel

短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる

jQueryでリンク先のファビコンをリンク脇にアイコンとして表示する方法

WordPressの管理画面のデザインをFacebookっぽく変更するプラグイン・Blue Adminで思いのほか見やすくなった

黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid

グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify

Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme

CakePHPとBootstrapをベースとしたOSSのミニマルなブログエンジン・Academic

impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール・Impressionist

チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた

タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework

WordPress管理画面のメニュー項目に使われるアイコンをオリジナルに変更する為のテンプレート素材

APIと少しのjQueryコードでGoogle Mapの地図の色を変更する

文章中の任意のキーワードをアニメーションしながら定期的に別のキーワードに置き換える軽量jQueryプラグイン・dynamo.js

jQueryでフォームのlabel要素をinput内に表示し、フォーカスしたらスライド、入力中は非表示にする

CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support

Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font
