新しいWebサービスやプロダクトを厳選して紹介する・「Apppla」
Apppla Appplaはローンチされた新サービスや話題のアプリ等を厳選して紹介するWebサービスです。Product huntやService Safariといったサービスに近い感じでしょうか。Appplaではコメント機能やキュレ...
Resource - Webディレクター向け
様々なデバイスのモニターに任意の画像を合成できる・「MockupPhotos」
MockupPhotos MockupPhotosはiPhoneやPCなどの画像のモニター部分に任意の画像を合成してダウンロードできるWebサービスです。昔からよく見かけるモックアップ作成ツールですが、異なるのは他にも絵画や名刺といっ...
テキスト入力すると自動でマインドマップを作成できる・「Text2MindMap」
Text2MindMap Text2MindMapはテキスト入力だけでマインドマップを作成してくれるツールです。CSSとJavaScriptで出来ており、インデントすれば子のアイテムを作成します。非常に簡易的なもので、保存はプレーンテ...
オープンソースのヨガ教室用管理ツール・「OpenStudio」
OpenStudio OpenStudioはヨガ教室に特化した予約管理システムです。生徒の管理や教室のスケジュールや予約状況、講師の管理、タスク管理などをWebベースで管理できる、というもの。運営側のみのターゲットではなく、生徒のチェ...
ノートやWiki、タスク管理、データベース機能などオールインワンなワークスペースを提供する・「Notion」
Notion Notionはドキュメントツールやノート機能、タスク管理やTodo、ナレッジベース構築の為のWiki、チームでのコミュニケーションやプロジェクト管理、スプレッドシートやデータベース機能など、あらゆる業種で必要とされるワー...
スマフォアプリの良質なデザインパターンを収集しているギャラリーサイト・「Mobbin」
Mobbin Mobbinはスマフォアプリで良質なデザインパターンを手作業でコレクションしているデザインギャラリーサイトです。一つのアプリにつき、かなりの量のスクリーンショットを撮っているようです。収集しているアプリの種類もかなりあり...
任意のキーワードを元に、AIがキャッチーでシンプルな名前を複数提案してくれる命名ジェネレーター・「Business Name Generator」
Business Name Generator Business Name Generatorは任意のキーワードから人工知能がキーワードを連想できる製品やプロジェクトの名前を提案してくれるネーミングツールです。上スクションはTokyo...
HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」
simpl.info simpl.infoはHTML、CSS、JavaScriptの機能をシンプルに教えてくれるプロジェクトサイトです。よくあるスニペットコードの紹介ではなく、標準でこんなAPIあるよ、このAPIでこんなこと出来るよ、...
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」
Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...
料金表やランディングページ、製品紹介ページなど、コンバージョンに関わるWebデザインのみをコレクションする・「Pages」
Pages Pagesは製品やサービスの料金表ページやLP、プロダクトの紹介ページ、アプリ紹介ページなど、コンバージョンに大きく関わるWebページのみに焦点を絞った良質なWebデザインのみをコレクションしたギャラリーサイトです。以前ご...
スライドをチームで手軽に作成、公開できるプレゼンツール・「Paste」
Paste Pasteは手軽にチームでスライドを作成、シェアできるオンラインのプレゼン支援ツールです。ログインはGoogleかSlackアカウントでログイン可能で、デッキの各ページの編集も簡単に作成できます。テキストの挿入はもちろん、...
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アニメーションを付与できるスクリプトです。よく見かけるやつです。個人的には多くの場合、嫌でも目にしっかり入ってくるくらいの派手なエフェク...