使いやすさを最重視した、ミニマルで直感的に操作できるUIのフローチャート作成ツール・「Zen Flowchart」
Zen Flowchart Zen Flowchartは使いやすさ重視のミニマルなフローチャート生成ツールです。直感的に操作、作成する事が出来るよう設計されています。出来ることはノードやテキストの追加または移動、ノード同士の接...
Resource - シンプル
Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」
Spur SpurはBootstrapに基づいて設計されたダッシュボードテンプレートです。ミニマルなスタイルで装飾もほとんどありませんのでフレームワークライクに使う事が出来そうです。チャートを表示したい時はCharts.jsを読み込め...
1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
Material Icons Library Material Icons Libraryは1000種以上のアイコンを無償配布するオープンソースのアイコンセットです。アイコンはSVGで配布されるだけでなく、sketchファイルやPSD...
マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」
Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...
様々なWebアプリのコンテンツ単位のスクリーンショットをデザインギャラリーに収集している・「Webframe」
Webframe WebframeはさまざまなWebアプリのFAQページや料金表ページ、LPやログインフォームなどコンテンツ単位のSSをデザインギャラリーとして掲載しているWebアプリ専用デザインギャラリーです。 カテゴリはコン...
複数デザイナー向けコミュニティやインスピレーションサイトを任意のカラーコードやキーワードで横断検索できる・「Muzli Search」
Muzli Search Muzli Searchはさまざまなデザインインスピレーションサイトやコミュニティを任意のカラーコードやキーワード等で横断検索できるデザイン検索エンジンです。以前ご紹介したChromeエクステンションのMuz...
Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」
Fork Awesome Fork AwesomeはFont Awesomeから派生したオープンソースのアイコンプロジェクトです。Font Awesomeのバージョン5あたりから、その方向性に疑問を感じ始めた製作者がFont ...
700以上のシンプルなアイコンをオープンソースで提供するプロジェクト・「Font Kiko」
Font Kiko Font Kikoは700以上ものアイコンを無償提供するアイコンフォントプロジェクトです。シンプルで使いやすそうなスタイルのアイコンを3つのウェイトで無償配布しています。 アイコンはフォントの他、SV...
Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」
Neede Design Resources Neede Design ResourcesはWebデザイナーやUI、UXデザイナーなどデザイナー向けのリソースを大量にまとめているキュレーションサイトです。ブランディングやカラー...
DropboxやSlack、G Suite、Evernoteなどで管理しているドキュメントをひとまとめにできる・「FYI」
FYI FYIは様々なWebサービスで管理しているドキュメントをひとまとめにできるWebアプリです。対応しているサービスはDropboxやSlack、G Suite、Evernote、One Drive、Github Gist、box...
任意の画像をiOSやAndroidアプリの各サイズのアイコンに変換する・「Icon cutter」
Icon cutter Icon cutterは任意の画像をiOSやAndroidアプリのアイコンに変換するWebアプリです。Androidならmipmap-xhdpiやmipmap-xxhdpiといったようにic_launcher....
128MBまで対応の、シンプルに使える画像アップローダー・「img.onl」
img.onl img.onlは128MBまで対応したシンプルなイメージアップローダーです。手軽さ、シンプルさが大きな特徴、というかそれ以外は特に機能は無く、ただ1つの目的のために開発されています。 アップロードは通常の方法以外...
href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」
mailgo mailgoは<a href="mailto:***">のようなmailtoリンクを、メーラw－立ち上げずにモーダルウィンドウを開いて選択式にするスクリプトです。少し前にMailtoUIというスクリプトの記事...
コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」
Fontanello Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマー...
Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」
DropCSS DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。 ...
カラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれる・「Accessible Color Generator」
Accessible Color Generator Accessible Color Generatorは任意のカラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれるWebアプリです。提案してくれるのは...
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のベストプラクティスをチェックする為のリスト集です。例えばログインページならロゴは使われているか、ユーザーに何をさせたいかが明示されているか、どこにど...