Resource - Webディレクター向け

オープンソースのSlack代替なチャットアプリ・「Twake」

Twake Twakeはオープンソースとして公開されているSlack代替なコラボレーションチャットアプリです。 ワンクリックでメッセージ、ビデオ会議、ファイル共有、共同カレンダー、タスク管理などが利用可能となっています。 ...

フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」

Vanilla Colorful Vanilla Colorfulはフレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリです。 名前の通りバニラなスクリプトで動作しますが、他フレームワークにも柔軟に対応する事も可...

オープンソースのCalendly代替・「What Time Today?」

What Time Today? What Time Today?はオープンソースとしてソースコードが公開されているスケジュール管理ツールです。Calendly代替として開発されたそうです。 vimcalやAvailableとい...
Ads

1000以上のシンプルなアイコンがSVGやPNGで用意され、全てオープンソースとして利用できる・「Emblemicons」

Emblemicons Emblemiconsは1000以上のアイコンをセットにしたOSSのアイコンパックです。それぞれSVG、背景有りSVG、PDF、PNGが6サイズ、JPGも6サイズ用意されており、全てがMITライセンスの元で公開...

良質なUIのデザイン例を任意のキーワードで検索できる・「lookup.design」

lookup.design lookup.designは良質なUIのデザイン例を任意のキーワードで検索できるWebサービスです。 様々なWebサイトのUIパーツが大量に手動で登録されているとの事。例えばfooterやbutton...

テキストからダイアグラムやフローチャート、ガンチャートなどを作れる・「Quick Diagram」

Quick Diagram Quick Diagramはテキストからダイアグラムやフローチャート、ガンチャートなどを作れるWebアプリです。 目的に沿ったチャートやダイアグラムを7種から選択してテキストベースで生成できる、という...

細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」

filters.css filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。 昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカ...

CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」

Beautiful CSS box-shadow examples Beautiful CSS box-shadow examplesはCSSのbox-shadowで出来る様々なスタイルを収集、コードもコピーできるWebサイトです。 ...

デザイナーに必要なツール等のショートカットのチートシートを1か所に集約した・「Shortcuts.design」

Shortcuts.design Shortcuts.designはデザイナーの方向けに必要なツール等のショートカットのチートシートを1か所に集約したプロジェクトサイトです。 SketchやFigma、各Adobe製品、Affi...

色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセット・「iconhub」

iconhub iconhubは色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセットです。 スタイルは単色線画、単色塗りつぶし、2色線画、2色塗りつぶし、2色線画+塗りなどから選択でき、サイズは6種、線の太さも...

OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」

Drawflow DrawflowはJavaScript製のシンプルで使いやすいフローチャート作成Webアプリです。オープンソースとしてソースコードも公開されています。他ライブラリへの依存もありません。 左ペインにあらかじめ用意...

美しいカラーパレットを大量に大量に保管している・「Hex Palette」

Hex Palette Hex Paletteは4色ベースの美しいカラーパレットを大量にストックしているカラーパレットギャラリーです。 カラーパレットといっても編集したり類似を探したり他アプリで使えるファイルをDL出来たりといっ...

ZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェア・「Hyprmeet」

Hyprmeet HyprmeetはZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェアです。 と言ってもタイミング的に試す相手がいなかったので動作確認してませ...

レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」

Responsive Navigation Generator Responsive Navigation GeneratorはRWDなメニューを簡単に作れるオンラインツールです。モバイルデバイス等ではハンバーガーメニューからスライド...

オープンソースとしても公開されているLinktree代替サービス・「Singlelink」

Singlelink Singlelinkはオープンソースとしても公開されているLinktreeの代替サービスです。Vue.js、というかNuxt.jsとMongoDBが使われてるみたいです。 Linktreeはいわゆるインスタ...

全てオープンソースで公開されている、Web制作に使えるシンプルなツール集・「Omatsuri」

Omatsuri OmatsuriはWeb制作に使えるシンプルなツールのコレクションです。基本的にフロントエンド開発向けがメインだそうです。1つ1つはシンプルなツールですが、全てがPWA対応且つオープンソースとしてソースコードも公開さ...

GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」

ct.js ct.jsはGUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタです。シューティングやアドベンチャー、パズル、ビジュアルノベルなど様々なゲームを直感的な操作メインで作成する事が出来ます。 基本的にはGUI...

会話しながらコード共有やペアプログラミングが出来る開発者向けのコードエディタ付きビデオ会議ツール・「GitDuck」

GitDuck GitDuckは会話しながらコード共有やペアプログラミングが出来る開発者向けのエディター付きビデオ会議ツールです。 オンラインビデオチャットにペアプログラミングが可能なコードエディタが付与してる、みたいなやつ。ブ...

フォトグラファー向けに開発されたオープンソースのポートフォリオ公開ツール・「Moul」

Moul Moulはフォトグラファー向けに開発されたオープンソースのポートフォリオ公開ツールです。 シンプルな構成で作品のコレクションを制御、さまざまなレイアウトを利用可能との事です。 Goで書かれています。サンプルを見る...

任意のテキストを自動で3D化するスクリプト・「ztext.js」

ztext.js See the Pen ztext.js test by kachibito (@kachibito) on CodePen. ztext.jsは任意のテキストを自動で3D化するスクリプトです。上デモ...

プライバシーに配慮したシンプルで使いやすいオープンソースのGoogleアナリティクス代替アクセス解析ツール・「Plausible」

Plausible Plausibleはプライバシーに配慮したシンプルで使いやすいオープンソースのGoogleアナリティクス代替アクセス解析ツールです。 通常のアクセス解析ツールとしてサービス展開していますが、OSSとしてもソー...

複数サンプルも用意されているBootstrap 5ベースのオープンソースの管理画面テンプレート・「Volt」

Volt Voltは複数サンプルも用意されているBootstrap 5ベースのオープンソースのダッシュボードテンプレートのセットです。 管理画面などが必要なアプリやサービスを展開するスタートアップ向けに、必須となりえるようなペー...
Ads