![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Tools & Resources
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
サウンドインタラクションを追加する為のシンプルなJavaScriptライブラリ・「Loud links」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
大量のパブリックドメインな写真素材を探せる・「FindA.Photo」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
自動でアクセシビリティのチェックを行うオープンソースツール・「pa11y」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
RubyやPython、Node.js、PHPやGoなど様々なコードスニペットをブラウザで実行テストできる・「BitRun」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意の画像からカラースキームを生成する・「ColorFavs」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルなスプレッドシート実装の為のスクリプト・「ipgrid」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Codepenで2015年に話題になった投稿TOP100をまとめた・「MOST The HEARTED 2015」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Web標準の16色を綺麗なカラーパターンにする為のCSS・「COLORS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
MarkdownやLessにも対応したオープンソースのjsFiddleライクな軽量コードテストツール・「Jotted」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Hacker Newsライクなオープンソース専門のニュースサイト・「OSwatch」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
安否確認の為のシンプルな見守りメールアプリを構築出来る国産WordPressテーマ・「pigeon」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
色覚異常の方やプリンターによる印刷を意識したGoogle謹製のカラーパレットジェネレーター・「palette.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースのシンプルなモックアップ作成ツール・「QuickMockup」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザのサポート状況をチェックする1KBの軽量スクリプト・「Feature.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量且つクリーン、ミニマルなUIフレームワーク・「Milligram」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モダンブラウザ向けのjQuery代替な軽量スクリプト・「cash」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブレンドモードにも対応のオープンソースなダミー画像生成ツール・「Placemat」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのフィルターを手軽に扱えるようにするスクリプト・「Philter」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
品質重視のフォトグラファー向け写真投稿型コミュニティサイト・「Fotoblur」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)