![](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)
オープンソースで公開されている、Google Web Fontの補助ツール・「Google Webfonts Helper」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Markdown記法で書けるドキュメントページ向け静的サイトジェネレーター・「MkDocs」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Markdown記法をテキストに変換するjQueryのスクリプト・「jQuery.Markdown.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Googleスプレッドシートのデータを元にチャートや地図、table等に変換するスクリプト・「Sheetsee.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースの Twitter Bootstrapのテーマ作成用ライブエディタ・「Cluckles」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのみで作られたスマフォ向けのカレンダーアプリデザイン・「CSS-only Calendar App Concept」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML5製の軽量リッチテキストエディタ・「Squire」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モバイルアプリの為のUIフレームワーク・「Touchstone.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
女性や子供の為に立ち上げられたWeb制作技術を学ぶ為のリソースを提供するプロジェクト・「Ladies Learning Code」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
商用でも無料で利用可能なHD動画を配布する・「Distill」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGで書かれたローディングアイコン集・「SVG Loaders」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)