![](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)
手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」
![](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)
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)
Vue.jsのコンポーネントフレームワーク・「Vuetify」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
人物の顔写真を解析して、その顔を自動で3D化する・「3D Face Reconstruction」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
タイポグラフィの為のデザインギャラリー・「fontinspiration.com」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
色名のない色に名前をつけよう、というプロジェクト・「color-names」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のテキストにさまざまなアニメーションエフェクトを付与するスタイルシート・「cssanimation」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワーク・「TURRETCSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Vue.jsに関するリソースやコンポーネント、フレームワーク等を大量にまとめたコレクション・「Awesome Vue.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
国産のオープンソースなメモアプリ、Boostnoteのスマフォアプリ版・「Boostnote mobile」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)