
webデザイナー


HTML5で作られたDIESELのWebサイトがなかなか素敵ですね・・・

css3を使って手紙が封筒から出てくる様を表現したコンタクトフォームがなかなか可愛い

簡単なjQueryコードでリストメニューにフィルタリング機能を加える

エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider

わずか4KBと軽量でクロスブラウザ対応の、シンプルなデートピッカー(カレンダー)を実装するjQueryプラグイン・glDatePicker

Lightbox内にサムネイルも表示出来るイメージギャラリー系jQueryプラグイン・ppGallery

iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ

HTML5やCSS3などの大まかな概要を1ページ内に詰め込んだHTML5 Poster

商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」

横に飛び出すメガメニューを実装するjQueryプラグイン・JQUERY VERTICAL MEGA MENU

スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries

タイル状に並べられたイメージギャラリーごとドラッグ可能にするmootoolsプラグイン・The Wall

タブやアコーディオンなど、様々なUI構築用のjQueryプラグイン30個以上をセットにしたフレームワーク・ jQuery EasyUI

ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews

CSS3のtext-shadowを使ったテキスト装飾のサンプル集

スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ

スマフォにも対応・ディスプレイサイズに自動で幅調整するレスポンシブなjQueryイメージスライダー・Blueberry

制作中のWebサイトにシンプルなグリッドを表示させる制作補助系jQueryプラグイン・Simple Grid

HTML5で実装する動画コンテンツに字幕を付けるライブラリ・Cuepoint JS

お手軽WordPress Tips:1行のコードで追加できる便利な新機能「投稿フォーマット」を使ってみよう
