![](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)
Bootstrapで使える要素を170種ほどセットにしてOSSとして配布する・「Froala Design Blocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
編集可能のシンプルなtableを実装するスクリプト・「jquery-fulltable」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ユニークなエフェクトを要素に付与できるCSSアニメーションライブラリ・「mimic.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ドラッグ&ドロップで作れるコンテンツエディター実装スクリプト・「KEditor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
anime.jsでテキストにアニメーションエフェクトを付与するコードをまとめたサンプル集・「MOVING LETTERS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アップロードされた画像を様々な解像度に変換、問題なく認識できるよう処理してくれるツール・「Logo Crunch」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
canvasで描いた円状のシャボン玉っぽいものをランダムに動かし、背景に設定できるスクリプト・「bubbly-bg」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Googleカレンダーを使ったシンプルなタスクマネージャ・「TManager」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
カンバンやロードマップなど、チームでプロジェクトを管理できる・「Atlaz」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSVやプレーンテキストのデータをJSONやMarkdown等に変換できるOSSなコンバーター・「Mr. Data Converter」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量でモダンなモジュール式のドラッグ&ドロップライブラリ・「Draggable」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
書いたソースコードを画像化してTwitterに投稿できる・「carbon」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースの様々なライセンスのざっくりした特徴が一目で分かる早見表・「Choose a License | Appendix」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
MediumのようなエディターをWordPressに導入できるプラグイン・「WP Medium Editor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
一定の幅にテキストをフィットさせてくれるスクリプト・「Fitty」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)