カラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれる・「Accessible Color Generator」
Accessible Color Generator Accessible Color Generatorは任意のカラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれるWebアプリです。提案してくれるのは...
Resource - シンプル
Gmailの元リードデザイナーが作った、GmailをミニマルなデザインにするChrome拡張・「Simplify」
Simplify Simplifyは元Gmailのリードデザイナーが作った、GmailをミニマルなUIに替えるChrome拡張です。Google InboxのシンプルさをGmailにもたらす、というのが目的のよう。2008年～2012...
30日後には自動で消去されるブックマークツール・「30DayBookmarks」
30DayBookmarks 30DayBookmarksはブックマークしてから30日後に自動で消去されるブラウザ拡張のブックマークツールです。ただ単純にそれだけなんですが割と便利かも、と思たtので備忘録。自動で消えるので古いブックマ...
100以上のSNS等で、任意のユーザーIDが使用されているかを一括で調査出来る・「Instant Username Search」
Instant Username Search Instant Username Searchは100以上のソーシャルメディアサービス等で、任意のユーザーIDが使用されてるかどうかを一括で調査できるWebアプリです。各SNSのブロック...
無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」
CodeGuppy CodeGuppyは無料でユーザー登録も不要のJavaScript学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...
ユーザー登録不要で使える超シンプルなリアルタイムホワイトボードアプリ・「WBO」
WBO WBOはユーザー登録不要で使える超シンプルなリアルタイムコラボレーションホワイトボードWebアプリです。Topページ中心にあるフォームに任意のキーワードを入れると部屋を作る事が出来ますのでURLを同時編集したい方に伝えるだけで...
ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」
Checklist Design Checklist Designは様々なUI/UXのベストプラクティスをチェックする為のリスト集です。例えばログインページならロゴは使われているか、ユーザーに何をさせたいかが明示されているか、どこにど...
1mb以下だけ使える、広告無しのシンプルな無料ホスティングサービス・「1mbsite」
1mbsite 1mbsiteは容量1MBまで使える無料ホスティングサービスです。広告も無く、独自ドメインの設定も可能となっています。いくつかのテンプレートが用意されていました。エディターはプレビューモードや外部リソース登録機能等が備...
サンプルのUIを確認しながらカラースキームを作成、様々なコードでエクスポートできる・「Geenes」
Geenes GeenesはサンプルのUIを確認しながらカラースキームを作成、様々なコードにエクスポートできるWebアプリです。サンプルとして用意されたUI集のカラーが、色を変更する事でインタラクティブに変化するのでリアルタイムに確認...
よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」
CSSeffectsSnippets CSSeffectsSnippetsはちょいちょい見かけるホバーエフェクト等を実装できるCSSコードスニペットをクリックだけでコピーできるプロジェクトサイトです。特にそれ以上の機能はなく、単純にス...
任意のWebサイト等のスクリーンショットを、簡易的なモックアップ画像に変換してくれる・「mockdowns」
mockdowns mockdownsは任意のWebサイトやコンテンツ等のSSをアップロードすると、簡易的なモックアップ画像に自動変換してくれるWebアプリです。UIの説明動画などを作る際に利用できるとの事です。忠実性はなかなかでした...
プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」
FastCharts FastChartsはプレーンテキストでデータを入力すると、そのデータを元に自動でチャートを生成してくれるWebアプリです。データの入力方法は用意されているテストデータを使えばすぐに理解できるので割愛します。チャ...
Markdown記法で書けるデスクトップ用のオープンソースなノートアプリ・「Notable」
Notable NotableはMarkdown記法で書けるデスクトップ用のノートアプリです。機能少なめのシンプルなものではなく、EvernoteやBoostnot、Quiver、stockなどのような3カラムからなる本格ノートアプリ...
オープンソースのGoogle Image Charts代替・「QuickChart」
QuickChart QuickChartはオープンソースのGoogle Image Charts代替ツールです。既に3月14日に停止されるImage Charts APIは廃止、Google chart APIに移行するよう求め...
日付を指定するだけでunicodeによるカレンダーを作ってくれるWebアプリ・「Unicode Calendar Generator」
Unicode Calendar Generator Unicode Calendar Generatorは日付を指定すると、その日だけ目立たせたカレンダーをunicodeで作成、クリックするだけでコピーできるWebアプリです。上...
jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」
femtoJS femtoJSはjQueryライクな構文でDOM操作を行うために開発された超軽量JavaScript(ES6)ライブラリです。たった20行、圧縮すると0.4kb程度のライブラリで、以下のように概ねjQueryと同じ書き...
任意のWebページで可読性を向上させたレイアウトに切り替えるChromeエクステンション・「Fika」
Fika Fikaは任意のWebページの可読性を向上させるChromeエクステンションです。例によってOperaでテストしてますが問題なく起動しました。以前ご紹介したClearlyやClear This Pageなどと同様の拡張機能と...
任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」
Accessible Brand Colors Accessible Brand Colorsは任意のカラー同士の組み合わせのアクセシビリティチェックを行ってくれるツールです。2つ、あるいは複数のカラーを選択すると、そのカラー同士のア...
Blockstackアカウントのプロフィールを表示できるOSS・「lander」
lander landerはBlockstackで設定している自身のプロフィールを表示できるシンプルなOSSです。Blockstack Browserで設定している写真やSNS、自己紹介やBitcoinアドレス等のID情報をそのまま表...
数式の画像から自動でLaTexのコードに戻してくれるデスクトップアプリ・「Mathpix」
Mathpix Mathpixは画像化された数式のSSを撮って自動でLaTexのコードに戻してくれるデスクトップアプリです。使い方は非常にシンプルで、モニタに表示されている数式をCtrl+Alt+MでMathpixで起動する事でSSを...
URLの指定だけで人物アバターのダミーイラストを生成するサービス・「Joe Schmoe」
Joe Schmoe Joe SchmoeはURL指定だけで人物アバターイラストを生成するサービスです。ダミー画像生成サービスのような感覚で人物イラストをダミーイラストとして利用可能だそうです。自分の名前を入れても自分に似たアバターが...
シンプルなSVGアイコンをカスタマイズ後にダウンロードできる・「ICONSVG」
ICONSVG ICONSVGはシンプルなSVGアイコンをカスタマイズした後でダウンロードできるアイコン配布ツールです。アイコンはオリジナルではなく、以前ご紹介したOSSのアイコンセット・Featherを使用しており、太さの調整や角丸...