![](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)
FFFFOUND!からダミー画像を生成・「hhhhold!」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSライブラリをコレクションしている・「CSSDB.co」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量なJavaScriptライブラリをコレクションした・「microjs」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
カラーパレットを共有できる・「PLTTS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Gistに書いたコードを管理するアプリ・「GistBox」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
カウントダウンをGIFアニメで作成出来る・「Gif Countdown」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで使えるオープンソースのコードエディター・「ICEcoder」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Sketchのファイルをアーカイブしている・「SketchMine」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
BootstrapなどのフレームワークもサポートのWin/Mac対応オーサリングソフトウェア・「Pingendo」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
JSONを編集、整形出来る・「JSONmate」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
AngularJS用のチートシート・「AngularJS Cheat Sheet」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
描いた絵をGifアニメに出来るペイントツール・「GIFPaint」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)