コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」
Leonardo Leonardoは子トラストベースのカラージェネレーターです。設定したキーカラーを元にコントラストを調整する事でカラースキームを生成する、というもの コントラストで調整する事で当方のブログのようにアクセシビリテ...
Resource - github
各ブラウザのCSSのデフォルトスタイルを検索できる・「Browser Default Styles」
Browser Default Styles Browser Default Stylesは各ブラウザのデフォルトスタイルを検索できるWebアプリです 主要なレンダリングエンジン（WebKit、Blink、Gecko、T...
シンプルで扱いやすい、簡易的な選択式チャットボットフレームワーク・「Peekobot」
Peekobot See the Pen QWwLjJv by kachibito (@kachibito) on CodePen. Peekobotはシンプルで扱いやすい選択式チャットボットフレームワークです。上...
ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」
Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...
マウスポインタに合わせて画像を変えられるスクリプト・「Creepyface」
Creepyface See the Pen PoorKQe by kachibito (@kachibito) on CodePen. Creepyfaceはマウスポインタに合わせて画像を変更できるスクリプトです ...
ReactベースのシンプルなOSS管理画面テンプレート・「Simple React Admin template」
Simple React Admin template Simple React Admin templateはReactベースのシンプルな管理画面テンプレートです オープンソースとしてソースコードが公開されています。レイア...
ログイン不要でプレーンテキストをリアルタイムで共有できるOSS・「sharetxt」
sharetxt sharetxtはログインせずにプレーンテキストをリアルタイムで共有できるコラボレーションツールです 共有方法はURLを相手に伝えてアクセスして貰うだけのシンプルなもの。書いたテキストは双方で編集可能となってい...
Youtubeの埋め込みを高速レンダリングするスクリプト・「Lite YouTube Embed」
Lite YouTube Embed See the Pen dyyLzVd by kachibito (@kachibito) on CodePen. Lite YouTube EmbedはYoutubeのemb...
Vue.jsを使ったクレジットカード情報入力フォーム・「vue-interactive-paycard」
vue-interactive-paycard See the Pen Credit Card Form - VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen. ...
レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」
ResponsiveViewer ResponsiveViewerはレスポンシブWebデザインの表示をさまざまなサイズで一括確認出来るChrome拡張です 各デバイスはモニタサイズとUAが設定されており、任意のモニタサイズおよび...
シンプルで使いやすいオープンソースのカンバン風タスク管理ツール・「Kanban Board App」
Kanban Board App Kanban Board Appはシンプルで使いやすいOSSのカンバンライクなタスク管理ツールです カンバン単位でタスクを管理できるので複数チームのタスク管理や平行して複数プロジェクトに...
定型文やスニペットを登録して任意のキーワードで即座に入力できるオープンソースのデスクトップアプリ・「Beeftext」
Beeftext Beeftextは定型文やスニペットコードなどを登録しておき、任意のキーワードで即座に呼び出せるOSSのデスクトップアプリです ブラウザは勿論、他のアプリケーションでも動作しますので端末における入力作業を簡略化...
Zapierやtray.ioなどIFTTTサービスのようにワークフローを自動化するオープンソ－スソフトウェア・「n8n」
n8n n8nはZapierやtray.ioなどIFTTTサービスのようにルーティンタスクを自動化するOSSです。OSSである為、全ての機能は無料で使えますし、カスタマイズも可能です。 各サービスを連係したり作業を自動化してメッ...
Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」
Markdown Editor Markdown EditorはMarkdown用のオープンソースのWYSIWYGエディタです。Web向けもデスクトップアプリ向け（Electron）もあります。 入力エリアとプレビューエリアの2...
オンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタ・「DeckDeckGo」
DeckDeckGo DeckDeckGoはオンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタです。DuckDuckGoとは基本的に関係ないようです。 DeckDeckGoはよくあるスライドエデ...
Githubリポジトリを検索して内容をざっくり比較できるWebアプリ・「Github Comparator」
Github Comparator Github ComparatorはGithubのリポジトリを検索して複数リポジトリの内容をざっくり比較できるWebアプリです 上図のように一度検索したリポジトリを残し、別のリポジトリを再度検...
オートセーブ機能付きでMarkdownとプレーンテキストの両ペインでメモを取れるシンプルなOSSメモアプリ・「QuickJots」
QuickJots QuickJotsはオート保存機能が付いたシンプルなメモアプリです。Markdownとプレーンテキストの両ペインにそれぞれメモを残せます 左ペインはMarkdown、右ペインはプレーンテキストエリアで、記述と...
Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」
Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...
ブラウザでイラストを複数描いてGifアニメーションやmp4でダウンロードできるオープンソースのソフトウェア・「ANIMATE IT」
ANIMATE IT ANIMATE ITはブラウザでイラストを複数描いてGIFアニメやmp4の動画ファイルとしてダウンロードできるアニメーションドローツールです オープンソースとしてソースコードも公開されています。mp4には音...
プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」
Fomantic UI Fomantic UIは、ある程度使用者が多いにもかかわらず、開発がほぼ止まってしまっているSemantic UIからフォークされて開発が進みだしたプロジェクトです。 プロジェクトサイトではコミュニティフ...
既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」
Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...
シンプルな統計付きのオープンソースなURL短縮ツール・「URL Shortener」
URL Shortener URL ShortenerはOSSのURL短縮ツールです。Reactベースでシンプルな統計機能付きです。 統計機能はデフォルトではURLのクリック数のみでユーザーに公開される仕様のようです。生成される...