ブラウザ上で様々なファイル形式の3Dモデルを視覚化したり任意の形式でエクスポート出来るOSSの3Dビューア・「Online3DViewer」 Online3DViewer Online3DViewerはブラウザ上で様々なファイル形式の3Dモデルを視覚化したり任意の形式でエクスポート出来るOSSの3Dビューアです。 一般的なビューアのようにURLでのファイル指定、D&D...2023.02.28 | 10時02分16秒
CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」 Code Box Code BoxはJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリです。 Electronで作られておりWindows、Mac、Linuxな...2021.11.13 | 9時52分40秒
モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」 LT Browser LT Browserはモバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザです。クロスブラウザテストのアプリを公開しているLambdaTestが開発したブラウザになります。 プリインス...2021.11.04 | 10時14分10秒
任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリ・「Core Web Vitals Checker」 Core Web Vitals Checker Core Web Vitals Checkerは任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリです。 PageS...2021.10.31 | 10時09分24秒
映画ポスターやCDアルバムのカバー、本のカバーなどのダミー画像アプリ・「Lorem.space」 Lorem.space Lorem.spaceは映画ポスターやCDアルバムのカバー、本のカバーなどのダミー画像アプリです。 使い方も他のダミー画像サービスと同じ感じで、例えばポスターなら以下のように。 本のカバーな...2021.10.15 | 10時04分47秒
Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」 Sa11y Sa11yはWebサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツールです。 下記のコードを挿入する事でWebページのアクセシビリティチェックを行う事が出来ます。 ...2021.07.22 | 10時01分01秒
読み込むだけでアクセシビリティチェックを行えるCSS・「Checka11y.css」 Checka11y.css Checka11y.cssは読み込むだけでアクセシビリティチェックを行えるCSSです。 よくあるアクセシビリティチェックツールのと同等の精度かどうかは個人的には少し懐疑的ですがCSS製とあって非常に手...2021.06.10 | 10時03分58秒
ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」 Tailwind Play Tailwind PlayはブラウザでTailwindのカスタマイズテストが出来るWebアプリです。公式サイトが公開してるみたいです。 CSSとHTMLの編集は勿論、エリアの分割や異なるモニタサイズで...2020.10.10 | 10時02分16秒
アクセシビリティに関するツールやリソースなどをカテゴリに分けて大量にまとめている・「a11yresources」 a11yresources a11yresourcesはアクセシビリティに関するツールやリソースなどをカテゴリに分けて大量にまとめているキュレーションサイトです。 書籍やブログ、記事などの情報やブラウザ拡張、ブックマークレットな...2020.10.03 | 9時58分24秒
レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」 ResponsiveViewer ResponsiveViewerはレスポンシブWebデザインの表示をさまざまなサイズで一括確認出来るChrome拡張です 各デバイスはモニタサイズとUAが設定されており、任意のモニタサイズおよび...2019.11.19 | 9時42分51秒
任意のWebページの表示や内容を1つのファイルで魚拓ライクに保存するOSSのブラウザ拡張・「SingleFileZ」 SingleFileZ SingleFileZは任意のWebページの表示やコンテンツを1つのファイルだけで保存する魚拓ライクなChromeエクステンションです。当ブログでもテストしましたが日本語でも問題なく、完璧に保存できました。 ...2019.09.25 | 10時03分48秒
Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」 Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...2019.09.15 | 9時50分07秒
指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」 Button Contrast Checker Button Contrast Checkerは任意のWebサイトのURLを指定すると、そのページ内にあるリンクやボタンなどのデフォルトの状態、マウスホバー時、フォーカス状態におけるカラ...2019.09.14 | 9時27分58秒
URLを指定すると自動でアクセシビリティチェックを行い、レポートを生成するオープンソースのデスクトップアプリ・「Koa11y」 Koa11y Koa11yはURLを指定すると、そのWebページのアクセシビリティチェックを行い、HTMLやCSV、MarkdownやJSON、XMLなどの形式でレポートを吐き出すオープンソースのデスクトップアプリです。基本的にはチェ...2019.04.26 | 9時51分18秒
フリーのプログラミング用フォントを直接試せる・「Programming Fonts」 Programming Fonts Programming Fontsはフリーのプログラミング用フォントをその場で直接テストできるWebアプリです。右ペインでフォントを選択、左ペインに直接コードを書いて試せる、というもの。テーマの選択...2019.01.23 | 9時59分39秒
任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」 Screen Guru Screen Guruは任意のWebサイトのSSを撮影できるツールです。SSはブラウザ枠への合成もへこうして行われ、背景の有無の設定やブックマークレットの利用も可能です。よく見かけるブラウザ拡張機能のように性能...2018.12.29 | 10時00分55秒
直感的に使える高性能で無料なオンラインプロトタイピングツール・「Draftium」 Draftium Draftiumは直感的でわかりやすいプロトタイピングツールです。ブロックの追加等を行い、ブロックごとにテキストや画像等を編集するタイプ。編集ツールも非常に分かりやすく、アニメーションエフェクトなども設定可能です。ま...2018.12.19 | 10時16分06秒
任意のロゴのデザインをチェックできる・「Logo Lab」 Logo Lab Logo Labは任意のロゴデザインをチェック、テストできるWebサービスです。ロゴファイルをアップロードすると、グリッドによるバランスのチェック、グレースケールや白黒にしても機能しているかどうかのチェック、視覚障害...2018.09.27 | 9時22分57秒
様々なアプリのUIデザインのパターンを学習したり共有する・「UIPattern Hub」 UIPattern Hub UIPattern HubはWebアプリやスマフォアプリ等のUIデザインのパターンを学習、共有したり作成する為のプラットフォームです。各ページでは実際のスクリーンショットとプロトタイプライクな画像が並べられ...2018.08.03 | 9時49分32秒
Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」 Color Contrast Checker Color Contrast Checkerは色のコントラストをチェックできるシンプルなツールです。Webアクセスビリティの教育や情報発信をするWebAIMより提供されているツールで、背景...2017.12.11 | 11時15分56秒
URL入力だけでスマフォやタブレットで閲覧した際のスクショをまとめて撮れる・「Responsive Screenshots」 Responsive Screenshots Responsive ScreenshotsはURLを入力するとそのアドレスをスマフォやタブレット、ノートやデスクトップPCで閲覧した際のスクリーンショットをまとめて撮ってくれるWebサー...2017.11.01 | 10時28分27秒
Webサイトのローンチ前に確認する項目をまとめたチェックリスト・「Web Launch Checklist」 Web Launch Checklist Web Launch ChecklistはWebサイトのローンチ前に確認する項目をまとめたチェックリストです。セキュリティやパフォーマンス、SEOやアクセスビリティなどなど、基本的な事ですが、...2017.06.13 | 11時39分44秒