![](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)
写真から3Dモデルを作成出来る・「Smoothie-3D」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jQueryを使わずに~したい、を調べられる逆引きリファレンス・「Plain JavaScript」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
小規模チーム向けのオープンソースのチャットツール・「Let’s Chat」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのA to Zを動画で学べる学習サイト・「A to Z CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで動くオープンソースの正規表現テストツール・「RegExr」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
商用でも無料で使えて著作権表記も不要のBGM配布サイト・「ノスタルジア」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
3Dなピクセルアートを作成、共有出来る・「Crossyards」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Web上にある記事やPDFファイル、動画やリンク、プレゼン等をプレイリスト化してチームで共有出来る・「Gibbon」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Web制作者向けに写真素材サイトやフォント配布サイトなどのリソースをまとめている・「Makerbook」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)