Webデザイナー向け

CSS/HTML

Codepenで2015年に話題になった投稿TOP100をまとめた・「MOST The HEARTED 2015」

CSS/HTML

Web標準の16色を綺麗なカラーパターンにする為のCSS・「COLORS」

ジェネレーター

色覚異常の方やプリンターによる印刷を意識したGoogle謹製のカラーパレットジェネレーター・「palette.js」

Ads
ソフトウェア

オープンソースのシンプルなモックアップ作成ツール・「QuickMockup」

JavaScript

ブラウザのサポート状況をチェックする1KBの軽量スクリプト・「Feature.js」

CSS/HTML

軽量且つクリーン、ミニマルなUIフレームワーク・「Milligram」

JavaScript

モダンブラウザ向けのjQuery代替な軽量スクリプト・「cash」

ソフトウェア

ブレンドモードにも対応のオープンソースなダミー画像生成ツール・「Placemat」

JavaScript

CSSのフィルターを手軽に扱えるようにするスクリプト・「Philter」

共有系サイト

品質重視のフォトグラファー向け写真投稿型コミュニティサイト・「Fotoblur」

JavaScript

シングルページのWebアプリケーションエンジン・「Senna.js」

CSS/HTML

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

CSS/HTML

CSSで変更できるカーソルとコードの一覧・「CSS Cursor」

インスピレーション

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

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」