![](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)
フリーで公開されている、パワフルなベクターデザインアプリ・「GRAVIT」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースのRWDなHTMLメール用テンプレート集・「Open Source Email Templates」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースのSketchプラグイン管理ツール・「Sketch Toolbox」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
綺麗な景色などの動画を無料配布するプロジェクト・「Mazwai」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
紙に描いたモックアップを撮影して実機で動作テスト出来る・「POP」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGによるパターンを背景として使える・「PatternBolt」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SASSベースの軽量なフロントエンド開発フレームワーク・「Concise.CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
商用でも無料で利用できる、高解像度な写真素材の配布サイト・「KaboomPics.com」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
PSDファイルで利用されているフォントを調べるツール・「.psd fonts」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なWebサービスのブランドガイドラインをまとめた・「Find Guidelines」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
OSSとしても公開されているHTMLチェックツール・「HTMLHint」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
画像をクリック時に全画面表示するスクリプト・「Intense Images」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コメントアウトや空要素等を取り除けるHTML圧縮ツール・「HTML Minifier」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのbackground-blend-modeとgradientを使った背景パターンを公開する・「CSS Gradients with background-blend-mode」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Photoshopで2Dアニメーションを作るためのリソースをまとめている・「Photoshop Animation」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)