
表示確認


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

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

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

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

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

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

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

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

レスポンシブ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」
