インストール不要、ブラウザのみでスクリーンキャストを撮影できるWebアプリ・「RecordScreen.io」
RecordScreen.io RecordScreen.ioはインストール不要で使えるスクリーンキャストWebアプリです。デスクトトップアプリやブラウザ拡張のようにインストールする必要な書く、本アプリページにアクセスすればユーザー登...
Resource - Webディレクター向け
CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」
Frontnd Builder Frontnd BuilderはCSSフレームワークを元に作られたテンプレートから、D&Dによるレイアウト調整やクリック→テキスト編集など、直感的な操作でWebサイトを開発できるWebサイトビルダーです...
Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」
Flex FlexはFlexboxでやりたいレイアウトを、ビジュアルを確認しながら選択肢を選んで作成、コードをコピーできるシンプルなWebアプリです。設定項目の多いFlexboxは様々なレイアウトに対応できる反面で、覚えなければな...
使いやすさを最重視した、ミニマルで直感的に操作できるUIのフローチャート作成ツール・「Zen Flowchart」
Zen Flowchart Zen Flowchartは使いやすさ重視のミニマルなフローチャート生成ツールです。直感的に操作、作成する事が出来るよう設計されています。出来ることはノードやテキストの追加または移動、ノード同士の接...
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...
チームでの翻訳作業を管理できるオープンソースの翻訳プラットフォーム・「traduora」
traduora traduoraはチームでプロジェクトの翻訳作業を管理できる翻訳プラットフォームです。Webサービスとしての提供とともに、OSSとしてもソースコードが公開されています。 各フォーマットのインポートやエクスポート...
カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」
#c0ffee is the color #c0ffee is the colorはカラーコードの文字に焦点を当てた実験的なカラーツールです。ABCDEFのいずれかを含む文字且つ、6文字か3文字の単語を辞書から抽出し、該当するカラーコ...
VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」
RAINGLOW RAINGLOWはVSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクトです。全てDayle Rees氏の開発したオリジナルのカラーテーマだそうです。オリジナ...
任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「Mock」
Mock Mockは任意の動画ファイルをアップロードすると、指定したモバイルデバイスのモックアップ画像のモニター部分に合成した新しい動画ファイルを作成してくれるWebアプリです。作成された動画ファイルはアップロード時に指定したメールア...
マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」
Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...
Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」
Uix Kit Uix KitはBootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キットです。CSSフレームワークではないとの事。 これ単体でも開発を始められるし、Bootstrap 4を使い慣れ...
レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」
maturity-radar See the Pen MdLMKo by kachibito (@kachibito) on CodePen. maturity-radarはレーダーチャートを作成できるスクリプトで...
複数のストックフォトサイトからCCやパブックドメインなどの写真を横断検索できる・「Image Finder」
Image Finder Image Finderは複数のストックフォトサイトからCC0やパブリックドメイン、そのほかのCCライセンスの写真を横断検索できるWebアプリです。 対象サイトはpicjumboやPixabay、Goo...
シンプルで軽量なオープンソースのフォーラムエンジン・「Thredded」
Thredded Threddedはシンプル軽量なOSSのフォーラムエンジンです。Ruby on Railsで書かれており、フルテキスト検索が可能、データベース（SQLite、MySQL v5.6.4 +、およびPostgreSQL）...
ソーシャル機能も備えた、分かりやすく使いやすいオンラインのブックマークマネージャ・「papaly」
Papaly Papalyは分かりやすく使いやすいシンプルなブックマークマネージャです。ブックマークをカンバンライクに整理する事が出来る、というもの。ボードを作成し、カテゴリタイトルをつけたり色で整理したり、カテゴリごとD&D...
様々な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 ...
様々な医療関係のイラストをD&Dで作成できるWebアプリ・「BioRender」
BioRender BioRenderは様々な医療や生体テクノロジーに関するイラストをドラッグ&ドロップで作成できるWebアプリです。研究職や学生の方などが対象だそうです。 こちらは専門的なイラストのみとなりますが、UI...
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...