ソフトウェア 表示確認
ソフトウェア
ソフトウェア CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」
プログラミング補助 モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」
最適化ツール 任意の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」
その他