表示確認

ソフトウェア

ブラウザ上で様々なファイル形式の3Dモデルを視覚化したり任意の形式でエクスポート出来るOSSの3Dビューア・「Online3DViewer」

ソフトウェア

CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」

プログラミング補助

モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」

Ads
最適化ツール

任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリ・「Core Web Vitals Checker」

ソフトウェア

映画ポスターやCDアルバムのカバー、本のカバーなどのダミー画像アプリ・「Lorem.space」

JavaScript

Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」

CSS/HTML

読み込むだけでアクセシビリティチェックを行えるCSS・「Checka11y.css」

編集ツール

ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」

Webデザイン補助

アクセシビリティに関するツールやリソースなどをカテゴリに分けて大量にまとめている・「a11yresources」

Webデザイン補助

レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」

ソフトウェア

任意のWebページの表示や内容を1つのファイルで魚拓ライクに保存するOSSのブラウザ拡張・「SingleFileZ」

プログラミング補助

Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」

最適化ツール

指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」

ソフトウェア

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

ソフトウェア

フリーのプログラミング用フォントを直接試せる・「Programming Fonts」

ソフトウェア

任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」

その他

直感的に使える高性能で無料なオンラインプロトタイピングツール・「Draftium」

最適化ツール

任意のロゴのデザインをチェックできる・「Logo Lab」

インスピレーション

様々なアプリのUIデザインのパターンを学習したり共有する・「UIPattern Hub」

最適化ツール

Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」

その他

URL入力だけでスマフォやタブレットで閲覧した際のスクショをまとめて撮れる・「Responsive Screenshots」

その他

Webサイトのローンチ前に確認する項目をまとめたチェックリスト・「Web Launch Checklist」