
webデザイナー


汎用的で軽量なツールチップ実装jQueryプラグイン・Tooltipster

作成物を手軽に販売できるWebデザイナー向けのマーケットプレイス・Fol.io

単純なパララックス効果を少しのjQueryコードで作る

ワイヤーフレームやモックアップを作る際に便利そうな、様々な印刷用スケッチシートをPDF等で配布するWebサイト・Sneakpeekit

Sublime Text 2に登録できるCSSのスニペット集が配布されてます

CSS専門のスニペット共有サイト・CSSPop

HTML5で使える要素を時間以内に入力するシンプルなオンラインクイズ・HTML5 Elements Quiz

ブラウザ上でJavaScript開発が出来るJsbinがバージョンアップして外部サイトに実装デモを貼り付けられるようになったよ

keyframesを使ったアニメーションを実装するCSS3コードをオンラインで生成出来る・Stylie

直感でモバイルサイトのモックアップを作成出来るオンラインツール・Fluid UI

ミニマルで綺麗目なデザインのパターン素材を配布する・Minimal Patterns

jQueryを使用している良デザインなWebサイトを集めたWebデザインギャラリー・Best jQuery

ベーシックなコンテンツスライダーを実装するjQueryプラグイン・EVO SLIDER

画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js

グローバルメニューとかでマウスホバーしているリンク以外にCSSだけでブラー効果を与える

スマフォ向けサイトを構築する為のシンプルなJSフレームワーク・Sidetap

チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか

ol要素で利用出来るHTML5のreversed属性をjQueryでクロスブラウザ対応にする

ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法

Dribbbleの投稿をjQueryで自分のサイトに表示させる
