Tools & Resources

スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」

プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」

チームで管理できるオープンソースのナレッジ管理システム・「BookStack」

Ads

色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」

Markdown記法で書けるデスクトップ用のオープンソースなノートアプリ・「Notable」

オープンソースのGoogle Image Charts代替・「QuickChart」

座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」

日付を指定するだけでunicodeによるカレンダーを作ってくれるWebアプリ・「Unicode Calendar Generator」

どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」

ブラウザでRubyのコードを実行テストできる・「run.rb」

jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」

Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」

任意のWebページで可読性を向上させたレイアウトに切り替えるChromeエクステンション・「Fika」

任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」

Blockstackアカウントのプロフィールを表示できるOSS・「lander」

失敗したスタートアップから学ぶためにデータを収集、公開している・「Startup Cemetery」

PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」

ページ削除や変換ツール、分割や結合など、PDFをあれこれ出来るツールのまとめ・「Smallpdf」

数式の画像から自動でLaTexのコードに戻してくれるデスクトップアプリ・「Mathpix」

URLの指定だけで人物アバターのダミーイラストを生成するサービス・「Joe Schmoe」

シンプルなSVGアイコンをカスタマイズ後にダウンロードできる・「ICONSVG」

JavaScriptで配列のメソッドを対話式に調べられる・「JavaScript Array Explorer」