
Webデザイナー向け


大量のデバイスに対応可能なMedia Queriesジェネレーター・「Simple CSS Media Queries」

Twitter公開の絵文字のtwemojiをFont Awesomeライクに使える・「Twemoji Awesome」

テキストにCSS3のアニメーションエフェクトを付与するスクリプト・「txt.wav」

商用でも個人でも無料で利用できるロゴやアイコン、UI、写真、音源、動画などを配布するプロジェクト・「Stocky」

シンプルで直感的な操作でモックアップ作成が出来るプロトタイプングツール・「Mockplus」

CSSをショートハンドにしてくれるジェネレーター・「SHRTHND」

モバイルサイトの為の軽量でフレキシブルなCSSフレームワーク・「Mobi.css」

タイポグラフィに関するツールやリソース、ファウンドリ、Webフォント等の情報をまとめたリンク集・「Typeworld」

小規模なプロジェクトのための軽量でミニマルなCSSフレームワーク・「Siimple」

Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」

基本的な部分だけ抑えたモダンでミニマルなCSSリセット・「minireset.css」

LPや料金ページ、商品紹介ページ等のUIを中心に収集しているWebデザインギャラリー・「UI Temple」

YoutubeやVimeo、Vineなどのembedをレスポンシブにする非依存の軽量スクリプト・「superembed.js」

様々なフィードバックの為のツールをコレクションしている・「feedbacktools.org」

シンプルなカラーパレット管理ツール・「colorcubo」

JavaScriptのTipsを不定期で紹介する・「JS Tips」

自身の技術スキルをアニメーションする棒グラフで表示できるjQueryスクリプト・「skills」

高品質な写真を著作権放棄で配布する・「SKUAWK PUBLIC DOMAIN PHOTOS」

要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」

任意のWebページの画像を全てzipに圧縮してダウンロード出来るサービス・「Image Cyborg」
