テキストからダイアグラムやフローチャート、ガンチャートなどを作れる・「Quick Diagram」
Quick Diagram Quick Diagramはテキストからダイアグラムやフローチャート、ガンチャートなどを作れるWebアプリです。 目的に沿ったチャートやダイアグラムを7種から選択してテキストベースで生成できる、という...
Resource -"キーワード指定なし"
細かい設定も可能な、画像にさまざまなカラーフィルターをかけられる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出来たりといっ...
スクロールに応じて任意のテキストにアニメーションしながらハイライト
Result See the Pen Mark text effect on scroll w/ IO by kachibito (@kachibito) on CodePen. スクロールするとテキストにアニメー...
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ベースのオープンソースのダッシュボードテンプレートのセットです。 管理画面などが必要なアプリやサービスを展開するスタートアップ向けに、必須となりえるようなペー...
Unsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリ・「Coaster」
Coaster CoasterはUnsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリです。 直接サイトにアクセスすれば事足りるんですが、使ってみた印象ではハードにUnsplas...
チーム向けのワークスペースを提供するシンプルなプロジェクト管理ツール・「Undesk」
Undesk Undeskはチーム向けのワークスペースを提供するシンプルなプロジェクト管理ツールです。 チーム向けとあって、チャットツール、タスク管理、ファイル管理などが可能で共有できる他、伝言やメモ、アイデアの共有などに使える...
コードを画像化できるオープンソースのWebアプリ・「Codify」
Codify Codifyはコードを画像化できるオープンソースのWebアプリです。今までもCarbonや、Codeimg.io、CodeZenといったツールをご紹介させて頂きましたが、同様のツールになります。 異なる点はスタイル...
Vue.js製のシンプルなスニペットコードマネージャ・「Snapcode」
Snapcode SnapcodeはVue.jsで作られたシンプルなスニペットコードマネージャです。ノートアプリの感覚でコードスニペットを管理、フォルダやタグでカテゴライズし、お気に入り登録したり任意のキーワードで検索する事が出来ます...