![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webデザイナー向け
![](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)
jsfiddleのようなテストツールをオフラインでも利用出来るChromeエクステンション・「Web Maker」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モバイルアプリのUIをアニメーションで紹介するデザインギャラリーサイト・「UI Interactions」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なECサイトのスタイルや利用しているツール等を合わせて紹介しているWebデザインギャラリーサイト・「ecomm.design」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
40以上のストックフォトサイトからCC0の画像を横断検索出来る・「LibreStock」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
複数ストックフォトサイトから有料/無料の写真を横断検索出来る・「Dashmote」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jQuery+PHP製のドラッグ&ドロップで構築可能なHTMLメール作成ツール・「Simbyone Newsletter Builder」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意の画像を解析し、ベースカラーとなっている色のカラーコードとPANTONEのコードを抽出する・「Impalette」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Illustratorライクに使えるフリーのSVGグラフィックエディタ・「Boxy SVG」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
複数選択可能なselect要素でoptionを選択しやすくするスクリプト・「PopSelect」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々な画家の絵画からカラーパレットを作成、公開するプロジェクト・「Color Lisa」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
input要素にフォーカスした際のアニメーションエフェクトをいろいろまとめた・「Awesome input focus effects」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
データを可視化する際の表現パターンをいろいろとまとめたカタログサイト・「The Data Visualisation Catalogue」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モダンでクリーンなレスポンシブWebデザイン対応のフレームワーク・「Spectre.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jQueryで作られたオープンソースのシンプルなTodoアプリ・「LobiList」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン対応のHTMLメールフレームワーク・「Outline Mail」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フリーで公開されたWebデザイン向けのリソースをまとめている・「Freebiesbug」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)