![](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)
イベント日までのカウントダウンページを手軽に作成、公開できる・「TimeTaco」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
高解像度で綺麗に任意のWebページやTwitterの投稿のスクリーンショットを撮れる・「Screenshot Guru」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
プロフィールページやフォーム、ランディングページなど、ペラサイトに特化したWebサイト制作ツール・「Carrd」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
BootstrapにMicrosoft提唱のデザインシステム、Fluentを取り入れたツールキット・「Nespero Fluent Kit 」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
簡易的なDOM操作をjQueryライクに行える超軽量ライブラリ・「nanoJS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
手書き風のUIコンポーネントを提供するライブラリ・「Wired Elements」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
textareaやinputで入力可能な残り文字数を表示する非依存のスクリプト・「short-and-sweet」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースのポッドキャスト/RSSリーダーアプリ・「Winds」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ポリゴンな背景パターンを生成できる・「Trianglify.io」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Vue.jsを使用したデスクトップアプリを作成できる・「Vuido」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
イベントを作成、管理できるオープンソースのmeetupクローン・「MeetHub」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
1日=1440分を10分単位で分割し、144ブロックで1日を管理する・「144blocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
タスクやノート、タブを一元管理できるChromeエクステンション・「Jety」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ログインフォームでアバターが入力内容を目で追うUI・「Animated SVG Avatar」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
超シンプルなベクターグラフィックツール・「Dotgrid」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スマフォで横スクロールがある場合はその旨をアイコンで明示してくれるスクリプト・「ScrollHint」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
無料で使える音源を大量に配布する・「Fugue」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSS Gridベースのを作成できるジェネレーター・「CSS Grid Layout Interface Builder」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
イラストレーター向けのツール等を紹介する・「illustration.tools」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)