![](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)
複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
さまざまなUIデザインをギャラリー形式で紹介している・「UIDB.io」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで使える、Framer.jsを使ったプロトタイプのインタラクションテストツール・「Prototyp」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで非依存、軽量なカルーセルスクリプト・「Siema」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブなペラページを直感で作成、CC0ライセンスでダウンロード出来る・「Launchaco Website Builder」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
複雑なCSSアニメーションを処理する為のシンプルなスクリプト・「Choreographer.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSで出来る画像エフェクトをまとめた・「Image Effects with CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
雪の結晶を作成、svgで保存出来る・「Snowflaker」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
設定したplaceholderにアニメーションエフェクトを付与する・「FoxHolder 」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
AIが作ってくれる手軽なロゴデザインジェネレーター・「Logojoy」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML要素1つで、やや複雑な動きが出来るCSSスピナー・「CSSPIN」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webデザイナー向けのリソースを目的別にまとめている・「Freestack」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)