
Tools & Resources


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

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

大量のパブリックドメインな写真素材を探せる・「FindA.Photo」

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

RubyやPython、Node.js、PHPやGoなど様々なコードスニペットをブラウザで実行テストできる・「BitRun」

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

シンプルなスプレッドシート実装の為のスクリプト・「ipgrid」

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

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

MarkdownやLessにも対応したオープンソースのjsFiddleライクな軽量コードテストツール・「Jotted」

Hacker Newsライクなオープンソース専門のニュースサイト・「OSwatch」

安否確認の為のシンプルな見守りメールアプリを構築出来る国産WordPressテーマ・「pigeon」

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

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

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

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

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

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

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

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