Resource - Webディレクター向け

オープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプリ・「manifest」

manifest manifestはオープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプです グリッドがあるので綺麗にそろえられる、自動保存、メモをドラッグで移動、PWAになっているくらいしか機能はありま...

書くことに集中できるよう配慮してデザインされた無料のオンラインMarkdownエディタ・「Focus Fox」

Focus Fox Focus Foxは書くことに集中できるよう配慮された無料のオンラインMarkdownエディタです ちょっと珍しい、癒し系のBGMも設定できるエディタで、広告も無く、ユーザー登録も不要で保存やダウンロードが可...

短縮URLを解析して元URLを検出し、トラッキング等を防ぐオープンソースのWebアプリ・「unshort.link」

unshort.link unshort.linkは短縮URLを解析して元のURLを検出し、トラッキングに使われるようなパラメーターも取り除くOSSです 文字制限のあるSNSでのURLシェア時に沢山あったURL短縮サービスも今は...
Ads

中小規模のWebアプリを構築するためのオープンソースの軽量PHPフレームワーク・「Wolff」

Wolff Wolffは中小規模のWebアプリを構築するために開発されたシンプルで軽量なPHPフレームワークです。小さい、スケーラブル、簡単で速い、がコンセプトのようです 大きなフレームワークを使うことなく構築可能で、シンプル故...

Codepenのようにブラウザでコードを書いて実行テストできる・「Blnq Studio」

Blnq Studio Blnq StudioはCodepenのようにブラウザ上でコードを書いて実行テストを行えるWebアプリです 同じようにHTML、CSS、JavaScriptの動作テストが可能なのですが、少し違う点はJSO...

ChromeやFirefox、Operaの拡張機能をレビューやユーザー数でランキングにしている・「Extension Rank」

Extension Rank Extension RankはChorme、Firefox、Operaのエクステンションをレビューやユーザー数でランキング化しているWebサイトです 本家ではどこも見ずらいのでどの拡張が需要が高いか...

拡張も可能な、ドラッグ&ドロップで作るWebページビルダーを実装するためのフレームワーク・「craft.js」

craft.js craft.jsは拡張可能な、D&Dで作れるWebページビルダーJSフレームワークです。Reactが使われています ドラッグで要素等を配置しテキストや色を編集できるのは優れたUXを提供できる手段として現在でも高...

オープンソースの顧客フィードバック管理ツール・「Astuto」

Astuto Astutoはオープンソースの顧客フィードバック管理ツールです。Cannyにインスパイアされたとの事ですが、ほぼクローンという感じのようです ドキュメントの類はまだ無いようですが、機能はCannyと概ね同じでフィー...

デザイナー向けに作られた長文パスワードジェネレーター・「Design Password」

Design Password Design Passwordはデザイナー向けに開発された長い文字でパスワードを作ってくれるジェネレーターです どこがデザイナー向けなのか、ですが、こちらで生成されるパスワードはある程度意...

任意のWebサイトを様々な方法で内容に集中できるようにするChrome拡張・「Reader Mode」

Reader Mode Reader Modeは任意のWebサイトを様々な方法で内容に集中できるようにするChromeのエクステンションです 以前よりClear This Page、Clearly、Just Readなど似たよう...

ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「Colorsinspo」

Colorsinspo Colorsinspoは色に関する様々な大量のリソースを集約しているプロジェクトサイトです グラデーションやカラーツール、パレットサンプルやブランドカラーサンプル、インスピレーションの為の情報など、色に関...

複雑なシステムを視覚的に説明する為のシステム用ダイアグラム作成ツール・「Terrastruct」

Terrastruct Terrastructは複雑なシステムを視覚的に説明する為のシステム用ダイアグラム作成アプリです よくある一般的なダイアグラム作成ツールとの相違点はレイヤーの追加やフレーム(ページ?)の追加により、複数ダ...

様々な言語に対応したオープンソースのオンラインコードエディタ・「Judge0」

Judge0 Judge0はオープンソースで公開されているオンラインコードエディタです。多様なプログラミング言語に対応する事が出来ます Judge0にはJudge0 APIとJudge0 IDEが含まれており、PythonやRu...

Vue.jsを使ったオープンソースのオンラインMarkdownエディタ・「Inko」

Inko InkoはVue.jsを使ったオープンソースのオンラインMarkdownエディタです Markdownエディタではよくある左右2ペインレイアウトで左がエディタ、右がプレビューエリアとなっています。書いたMarkdown...

共同編集も可能、データは暗号化されるセキュアな分散型ドキュメント作成OSS・「Graphite」

Graphite Graphiteはチームで共同編集も可能なドキュメント作成、共有ツールです。Blockstackが使われており、作成したドキュメントは全て暗号化されます UIや機能は概ねGoogleドキュメントと同じタイプ...

CSSだけで作られた500以上ものカスタマイズ可能なミニマルアイコン・「css.gg」

css.gg css.ggはCSSだけで出来た500以上のミニマルなアイコンを使えるCSSライブラリです スケーラブルでカスタマイズ性のある設計で非常に使いやすい印象です。個人的にはアイコンフォントよりも軽量で好みな感じ ...

オープンソースの超シンプルなオンラインブックマークWebアプリ・「linkding」

linkding linkdingはオープンソースの超シンプルなオンラインブックマークツールです URLの登録とタイトル、タグ付けという昔ながらのシンプルな機能。Instarpaperに近い印象です タグは自動で頭文字ごと...

コントラストの比率と実際に背景とテキストカラーを使用した状態を確認できるカラーコントラストチェックツール・「Color Contrast Checker」

Color Contrast Checker Color Contrast Checkerは指定したテキストカラーと背景カラーの2つのカラーのコントラストの比率を確認しながら確認出来るWebアプリです コントラストはWCAGのガ...

無料、広告無しで制限無しに使える個人向けの分散型タスク管理ツール・「PLAiV」

PLAiV PLAiVは個人向けに作られたタスク管理アプリです。Blockstackが使われており、データは全て暗号化され、プライバシーが守られています Blockstackアカウントで利用可能で、無料、広告も無く無制限...

Blockstackを使ったセキュアな分散型パスワードマネージャ・「nextPass」

nextPass nextPassはBlockstackを使ったセキュアな分散型パスワードマネージャです パスワードジェネレーターも付与しており、nextPassで作成して管理する事が出来ます よくある既存のパスマネと比べ...

オープンソースのSVGベースなプロトタイピングツール・「UXBOX」

UXBOX UXBOXはオープンソースとしてソースコードが公開されているプロトタイピングGUIツールです。ブラウザで動作します 作成したプロトタイプデータはSVGで吐き出されるそうで、多くのベクターツールで再編集したりWebでの...

マルチレイヤーな複雑なCSSグラデーションのコードをコピーできる・「Gradienta」

Gradienta Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプ...
Ads