有料のクオリティの写真を無料で提供するストックフォトサイト・「Moose」
Moose MooseはCC-BYでハイクオリティな写真素材を提供するストックフォトサイトです。アイコンや音源等、様々な素材を提供するicon8が新たに立ち上げたプロジェクトみたいですね。主観ですが、有料で提供されているクオリティで解...
Resource - Webデザイナー向け
一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」
Mustard UI Mustard UIはWebサイト等で必要になりそうなUIコンポーネントを一通り取り揃えたCSSフレームワークです。モジュラー式なので必要なコンポーネントのCSSだけ読み込めばいいので軽量で済みます。スタイルはあ...
フリーランサーの為のシンプルなタイムトラッキングツール・「flowmagic」
flowmagic flowmagicはフリーランサーの為のシンプルなタイムトラッカーです。案件の簡易的な管理ツール、Todoツールもセットになっています。案件はクライアント名、金額、支払い状況、開始日を記録可能です。通貨の選択に￥は...
無料で使える大量のかわいらしい絵文字のセット・「Streamline Emoji」
Streamline Emoji Streamline Emojiは無料で使える絵文字のセットです。その数780以上で、全てCC-BY 4.0ライセンスの元で商用でも利用する事が出来ます。絵文字はとてもかわいらしいデザインで擬人化され...
様々なデバイスのモニターに任意の画像を合成できる・「MockupPhotos」
MockupPhotos MockupPhotosはiPhoneやPCなどの画像のモニター部分に任意の画像を合成してダウンロードできるWebサービスです。昔からよく見かけるモックアップ作成ツールですが、異なるのは他にも絵画や名刺といっ...
テキスト入力すると自動でマインドマップを作成できる・「Text2MindMap」
Text2MindMap Text2MindMapはテキスト入力だけでマインドマップを作成してくれるツールです。CSSとJavaScriptで出来ており、インデントすれば子のアイテムを作成します。非常に簡易的なもので、保存はプレーンテ...
ノートやWiki、タスク管理、データベース機能などオールインワンなワークスペースを提供する・「Notion」
Notion Notionはドキュメントツールやノート機能、タスク管理やTodo、ナレッジベース構築の為のWiki、チームでのコミュニケーションやプロジェクト管理、スプレッドシートやデータベース機能など、あらゆる業種で必要とされるワー...
スマフォアプリの良質なデザインパターンを収集しているギャラリーサイト・「Mobbin」
Mobbin Mobbinはスマフォアプリで良質なデザインパターンを手作業でコレクションしているデザインギャラリーサイトです。一つのアプリにつき、かなりの量のスクリーンショットを撮っているようです。収集しているアプリの種類もかなりあり...
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」
Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」
Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...
シンプルでオープンソースなRSSフィードリーダー・「Sismics Reader」
Sismics Reader Sismics ReaderはシンプルでOSSなRSSフィードリーダーです。はっきりと明言はされていませんが故Gopogleリーダーの機能をほぼ含んでいるとの事で、クローンに近い印象です。OPMLインポー...
シンプルで直感的なSCSSフレームワーク・「FICTOAN」
FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...
BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」
tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている...
エキセントリックなエフェクトを付与できるユニークなCSSアニメーションライブラリ・「Woah.css」
Woah.css Woah.cssはエキセントリックなエフェクトを要素に付与できるCSSアニメーションライブラリです。ちょっとネタに近いというか多分ネタだと思う程度には奇抜な動作をします。用途は・・個人的にはなさそうです。ただ、CSS...
モックアップ等に使える人物の顔写真を提供する・「UI Faces」
UI Faces UI Facesは顔写真を提供するWebサービスです。モックアップ等に使える顔写真を提供するのが目的のようです。画像は年齢や性別、表情や髪の色でソートできるほか、引用元に絞る事も出来ます。SketchのプラグインやA...
ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」
Mark Text Mark TextはElectronベースのオープンソースなMarkdownエディタです。CommonMarkやGitHub Flavored Markdownもサポートされています。リアルタイムプレビューにはsn...
軽量でモバイルファーストなCSSフレームワーク・「Beauter」
Beauter Beauterは軽量でモバイルファーストなCSSフレームワークです。従来品と異なるのはBOLという実験的な命名規則を導入している点です。BOLは.base(基本クラス)、.-object(オブジェクトクラス)、._la...
非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」
Driver DriverはWebページを案内するページツアーを実装するスクリプトです。たまに見かける、任意の場所をハイライトしてユーザーにWebページの使い方等を教える、というもの。単純にハイライトするだけ、ハイライトせずツール...
デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」
InvisCss InvisCssはデフォルトのスタイルを最小限に抑えた、シンプルな命名規則で付けられたclassで管理できるCSSフレームワークです。Bootstrapを意識し、スタイルを作りこまないようにしつつもテーマを用意、cl...
スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」
Delighters.JS Delighters.JSはページスクロールに応じて要素に任意のCSSアニメーションを付与できるスクリプトです。よく見かけるやつです。個人的には多くの場合、嫌でも目にしっかり入ってくるくらいの派手なエフェク...
DribbbleのカラーパレットをSketch用に変換してダウンロードできるブラウザ拡張・「Dribbble Color Generator」
Dribbble Color Generator Dribbble Color GeneratorはDribbbleに投稿されたショットに付与するカラーパレットをSketch用としてDL出来るようにするブラウザ拡張です。Firefox...
グラフやマップ等、データのビジュアル化の際に使えるカラースキームを生成できる・「Data Color Picker」
Data Color Picker Data Color Pickerはデータビジュアライズに使うためのカラーピッカーです。データ可視化の際に使用することを前提にパレットがジェネレートされるようです。使い方は5つのコンテナの両端の色を...