Webデザイナー向け

CSS/HTML

ブレンドモードを利用したカラフルなフィルタの為のCSS・「Colofilter.css」
CSS/HTML

CSSで変更できるカーソルとコードの一覧・「CSS Cursor」
インスピレーション

商用でも利用可能なシンプルなデザインのロゴを配布する・「logodust.com」
Ads
JavaScript

gistやYoutube、Vine、TwitterやGoogle Mapなど、様々なサービスをembed出来る・「embed.js」
CSS/HTML

Flexboxのルールをライブプレビューでテスト、確認出来る・「Test CSS Flexbox Rules Live」
Webデザイン補助

Web制作時に役に立つ（かもしれない）ツールを大量に公開している・「Richard’s Toolbox」
編集ツール

アニメーションのピクセルアートを作成できるオンラインドローツール・「Draw!」
JavaScript

JavaScriptで作られたSVG背景パターン作成ツール・「Dynamic SVG Background Pattern Maker」
プログラミング補助

ブラウザでSwiftのコードを実行、動作テスト出来る・「IBM Swift Sandbox」
JavaScript

年表などのタイムラインUIを構築する為のライブラリ・「Labella.js」
Webデザイン補助

任意のWebサイトのCSSから簡易的なスタイルガイドを作成するChromeエクステンション・「SNATCHR」
その他

アカウント登録不要のシンプルなファイル共有サービス・「dewdrop.io」
CSS/HTML

cssのflexboxを遊びながら学べるツール・「FLEXBOX FROGGY」
JavaScript

SVGで世界地図を作成する為のスクリプト・「World Map Generator」
その他

商用でも利用可能な紙のテクスチャを多数配布する国産サイト・「Paper-co」
CSS/HTML

Flexboxを使ったCSSグリッドシステム・「Gridlex」
その他

embedにも対応しているストックフォトサイト・「Visual Hunt」
Webデザイン補助

Sketchでスマフォのプロトタイピングを可能にするプラグイン・「Silver」
共有系サイト

タイポグラフィを愛してやまない人の為の写真投稿型SNS・「Fontli」
JavaScript

Semantic UIユーザー向けのリアルタイムプレビューツール・「SemanticEdit」
JavaScript

OS XのFinderライクな階層データ表示の為のスクリプト・「Finder.js」
その他

線のみで作られたシンプルなラインアイコンフォント・「Lightwing」
次のページ