![](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)
checkboxにアニメーションエフェクトを付与するCSS・「Checkbox.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Typeformの代替として開発されたオープンソースのフォーム作成ツール・「TellForm」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWedデザイン対応のシンプルで軽量なグリッドレイアウト・「Simple Grid」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Open Street Mapを使って地図のデザインをカスタマイズ、画像化して保存出来るマップ作成サービス・「Map Stack」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スクリーンキャプチャを撮ってgifアニメで保存出来るソフトウェア・「ScreenToGif」
![](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)
検索機能の付いたFAQページを手軽に作成できる・「HelpSite.io」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スタイル変更やグラフの種類の変更も可能でExcelライクに使えるembed対応のチャート生成サービス・「Statpedia」
![](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)
チームでパスワードを管理出来るOpenPGPベースのOSSパスワードマネージャ・「Passbolt」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)