様々なWebアプリのコンテンツ単位のスクリーンショットをデザインギャラリーに収集している・「Webframe」 Webframe WebframeはさまざまなWebアプリのFAQページや料金表ページ、LPやログインフォームなどコンテンツ単位のSSをデザインギャラリーとして掲載しているWebアプリ専用デザインギャラリーです。 カテゴリはコン...2019.05.30 | 10時14分35秒
複数デザイナー向けコミュニティやインスピレーションサイトを任意のカラーコードやキーワードで横断検索できる・「Muzli Search」 Muzli Search Muzli Searchはさまざまなデザインインスピレーションサイトやコミュニティを任意のカラーコードやキーワード等で横断検索できるデザイン検索エンジンです。以前ご紹介したChromeエクステンションのMuz...2019.05.29 | 10時19分19秒
Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」 Fork Awesome Fork AwesomeはFont Awesomeから派生したオープンソースのアイコンプロジェクトです。Font Awesomeのバージョン5あたりから、その方向性に疑問を感じ始めた製作者がFont ...2019.05.28 | 11時02分59秒
Webページ最上部に、スクロールに応じてプログレスバーを表示する Result See the Pen QRrYyV by kachibito (@kachibito) on CodePen. スクロールするとプログレスバーが表示されるやつ。非依存です 仕様が分かりやすいようにド派...2019.05.27 | 10時01分05秒
様々な医療関係のイラストをD&Dで作成できるWebアプリ・「BioRender」 BioRender BioRenderは様々な医療や生体テクノロジーに関するイラストをドラッグ&ドロップで作成できるWebアプリです。研究職や学生の方などが対象だそうです。 こちらは専門的なイラストのみとなりますが、UI...2019.05.26 | 10時21分12秒
mediumライクなスタイルを提供するCSS・「medium.css」 medium.css medium.cssはmediumライクなスタイルを提供するスタイルシートです。タイポグラフィやレイアウト、各エレメントのスタイルなどをmediumのような見た目に出来る、というもの しっかりRWD対応にな...2019.05.25 | 10時11分58秒
700以上のシンプルなアイコンをオープンソースで提供するプロジェクト・「Font Kiko」 Font Kiko Font Kikoは700以上ものアイコンを無償提供するアイコンフォントプロジェクトです。シンプルで使いやすそうなスタイルのアイコンを3つのウェイトで無償配布しています。 アイコンはフォントの他、SV...2019.05.24 | 10時28分42秒
Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」 Neede Design Resources Neede Design ResourcesはWebデザイナーやUI、UXデザイナーなどデザイナー向けのリソースを大量にまとめているキュレーションサイトです。ブランディングやカラー...2019.05.23 | 10時22分44秒
DropboxやSlack、G Suite、Evernoteなどで管理しているドキュメントをひとまとめにできる・「FYI」 FYI FYIは様々なWebサービスで管理しているドキュメントをひとまとめにできるWebアプリです。対応しているサービスはDropboxやSlack、G Suite、Evernote、One Drive、Github Gist、box...2019.05.22 | 10時19分20秒
任意の画像をiOSやAndroidアプリの各サイズのアイコンに変換する・「Icon cutter」 Icon cutter Icon cutterは任意の画像をiOSやAndroidアプリのアイコンに変換するWebアプリです。Androidならmipmap-xhdpiやmipmap-xxhdpiといったようにic_launcher....2019.05.21 | 9時49分02秒
Webサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張・「WhatRuns」 WhatRuns WhatRunsは任意のWebサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張です。かなり前にご紹介させて頂いたLargerIOと同じ目的ですが、こちらはブラウザ拡張としてその場で利用で...2019.05.20 | 10時08分21秒
自動で背景を除去してくれるremove.bgに、各OSに対応したデスクトップアプリが登場・「remove.bg for Windows/Mac/Linux」 remove.bg for Windows/Mac/Linux remove.bg for Windows/Mac/Linuxは自動で背景を除去してくれるremove.bgのデスクトップアプリ版です。先日Photoshopでも使えるよ...2019.05.19 | 10時10分44秒
任意の画像を解析し、支配的なカラーを抽出してくれるオープンソースのWebアプリ・「Color Palette」 Color Palette Color Paletteは任意の画像からその画像内で支配的な色(占める割合の高い色)を即抽出してくれるWebアプリです。OSSとしてソースコードも公開されています。 本ツールは映画のワンシー...2019.05.18 | 10時30分18秒
128MBまで対応の、シンプルに使える画像アップローダー・「img.onl」 img.onl img.onlは128MBまで対応したシンプルなイメージアップローダーです。手軽さ、シンプルさが大きな特徴、というかそれ以外は特に機能は無く、ただ1つの目的のために開発されています。 アップロードは通常の方法以外...2019.05.17 | 10時02分01秒
大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」 OpenMoji OpenMojiは学生53人と2人の教授が共同で進めているオープンソースの絵文字プロジェクトです。現在3000以上ものSVGアイコンが本プロジェクトのスタイルガイドに従い、一貫したスタイルで作成、公開されてお...2019.05.16 | 10時33分00秒
href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」 mailgo mailgoは<a href="mailto:***">のようなmailtoリンクを、メーラw-立ち上げずにモーダルウィンドウを開いて選択式にするスクリプトです。少し前にMailtoUIというスクリプトの記事...2019.05.15 | 10時00分43秒
コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」 Fontanello Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマー...2019.05.14 | 10時12分07秒
d3.js v5をベースにしたチャートライブラリ・「Britecharts」 Britecharts Britechartsはd3.jsのv5をベースにしたチャートライブラリです。チャートとコンポーネントを簡単に直感的に組み合わせる事が出来るのだそうです。リユースブルであり、シンプルなAPIを特徴としているのだ...2019.05.13 | 10時07分39秒
無料プランでもユーザー数が無制限で1000以上の他サービスとの統合が可能な、チーム向けプロジェクト管理ツール・「ClickUp」 ClickUp ClickUpは無料プランでも追加ユーザー数が無制限で使え、1000以上のサービスとの統合も可能なチーム向けプロジェクトマネジメントツールです。各OSはもちろん、スマホやタブレットなどでも利用可能でプロジェクト...2019.05.12 | 10時10分51秒
Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」 DropCSS DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。 ...2019.05.11 | 10時02分16秒
最初の簡単なヒアリングを元に、ある程度アプリの方で作り込み、そのあとで編集、公開まで出来るオンラインWebサイトビルダー・「Landen」 Landen Landenはヒアリングを元にある程度作り込んでくれるオンラインのWebサイトビルダーです。質問に対し、選択肢で回答していくと、徐々にプロトタイプが作られていき、最後まで答えると概ねレイアウトが完成、テキストや画像を編集...2019.05.10 | 10時34分01秒
カラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれる・「Accessible Color Generator」 Accessible Color Generator Accessible Color Generatorは任意のカラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれるWebアプリです。提案してくれるのは...2019.05.09 | 10時12分10秒