
Tools & Resources


クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」

プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」

様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」

textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」

Laravelで作られたオープンソースのURL短縮アプリ・「UrlHum」

テスタブルなマイクロサービスやサーバーレスアプリ構築の為のJVMベースなフルスタックフレームワーク・「Micronaut」

Gmailの元リードデザイナーが作った、GmailをミニマルなデザインにするChrome拡張・「Simplify」

mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」

URLを指定すると自動でアクセシビリティチェックを行い、レポートを生成するオープンソースのデスクトップアプリ・「Koa11y」

SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」

30日後には自動で消去されるブックマークツール・「30DayBookmarks」

プログラミングの知識不要でWebアプリとしても開発できるオープンソースのゲームボーイ用ゲーム開発アプリ・「GB Studio」

タッチデバイスにも対応可能な、リストのアイテムを並べ替えたりスワイプで削除できるようにするライブラリ・「Slip.js」

SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」

100以上のSNS等で、任意のユーザーIDが使用されているかを一括で調査出来る・「Instant Username Search」

jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」

Blockstackを使ったセキュアなコードスニペット管理ツール・「DECS」

無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」

JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」

任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」
