
webデザイナー


著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid

CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer

アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate

画像にマウスホバーするとズームする拡大鏡っぽいやつを簡単に実装できる2KBの軽量jQueryプラグイン・loupe

Pinterestっぽいレイアウトを作ってみる

ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプラグイン・Bacon!

Web上で「飛び出す絵本」の動きを表現したBeercamp 2012がちょっと凄かった

CSSスプライトをドラッグ&ドロップで作成、保存もできるWebサービス・SpritePad

背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH

jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える

Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す

jQuery UIのデザインをオリジナルに変更したサンプル

ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」

iPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slides

JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider

レシポンシブWebデザイン対応のツールチップを実装するjQueryコード

要素をレンガ風に配列するスクリプト・jQuery Masonryで、配列させる要素を下揃えにする

モリサワのWebフォントが無料キャンペーンやってたので試してみたよ

Twitter Bootstrapのデザインを簡単に変更出来るWebサービス・StyleBootstrap

その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer
