Webデザイナー向け

JavaScript

サウンドインタラクションを追加する為のシンプルなJavaScriptライブラリ・「Loud links」
CSS/HTML

CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」
検索エンジン

大量のパブリックドメインな写真素材を探せる・「FindA.Photo」
Ads
ソフトウェア

自動でアクセシビリティのチェックを行うオープンソースツール・「pa11y」
ジェネレーター

任意の画像からカラースキームを生成する・「ColorFavs」
CSS/HTML

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

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

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

オープンソースのシンプルなモックアップ作成ツール・「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」
次のページ