![](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)
多機能なカラーピッカーを使えるChromeエクステンション・「Color by Fardos」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ファミコン風のスタイルを提供してくれるCSSフレームワーク・「NES.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで軽量、扱いやすいベーシックなCSSフレームワーク・「minstyle.io」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
MediumやDropbox Paperなどのようなリッチテキストエディタを実装する為のフレームワーク・「Slate」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
円グラフや棒グラフなど、様々なチャートを作成し、画像でDLしたりシェアできる・「Chartify」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebサイトへのアクセスを不可にするChromeエクステンション・「Just Focus」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
FlexboxベースのモバイルファーストなCSSフレームワーク・「Butter Cake」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なスマフォアプリのUI/UXをアニメーションで確認できるデザインギャラリー・「Mobile Patterns」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「ScrollOut」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
デザイナー向けのリソースを収集、公開しているプロジェクト・「DesignBase」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
チームで使えるオンラインダイアグラム作成ツール・「Diagramiq」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スクロールアニメーションを実装できる超軽量且つ非依存のライブラリ・「Sal.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
プロトタイプやフレームワークの為の落書きフォント・「Scribble Font」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
要素にYoutubeの動画IDを含めるだけでポップアップ再生できるようにするスクリプト・「GRT Youtube Popup」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)