任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSのチェックツール・「ES timator」
EStimator EStimatorは任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSの構文チェックツールです。GoogleChromeの開発チ...
Resource - Webディレクター向け
ドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダー・「Tails」
Tails Tailsはドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダーです。 ある程度ユーザー数を伸ばしたCSSフレームワークは大抵この手のツールが出ます...
学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネントやユーティリティを含むCSS Gridベースのフロントエンドフレームワーク・「Axentix」
Axentix See the Pen XWjPbpG by kachibito (@kachibito) on CodePen. Axentixは学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネ...
開発者向けに作られたオープンソースのオンラインブックマークツール・「bookmarks.dev」
bookmarks.dev bookmarks.devは開発者向けに作られたオープンソースのオンラインブックマークツールです。 よくある（一時期に比べればかなり減りましたが）オンラインブックマークサービス同様、任意のWebサイト...
プライバシー重視のシンプルなオープンソースのGoogle Analytics代替・「Fathom Lite」
Fathom Lite Fathom Liteはプライバシー重視のシンプルなオープンソースのGoogle Analytics代替となるWeb解析ツールです。 FathomはOSS版のLiteとは別にサービスとしても展開しています...
各OSに対応したセキュアで高速なオープンソースのパスワードマネージャ・「PasswordManager」
PasswordManager PasswordManagerは各OSに対応したセキュアで高速なオープンソースのパスワードマネージャです。名前がそのまんまですが・・ 256ビット方式でデータを暗号化、データベースではなくファイル...
JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」
Uisual See the Pen eYdrVMJ by kachibito (@kachibito) on CodePen. UisualはJavaScriptやCSSフレームワーク等への依存がない、純粋なHT...
任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張・「Stylebot」
Stylebot Stylebotは任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張です。 カスタマイズしたいWebページで起動する事で右サイドからツールバーがスライドインします。ベーシックモードではフ...
classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」
AnimXYZ See the Pen MWjQjJM by kachibito (@kachibito) on CodePen. AnimXYZはclassを組み合わせて任意のアニメーションエフェクトを作れるCSSア...
匿名のメールアドレスを生成し、管理できるOSS・「AnonAddy」
AnonAddy AnonAddyは匿名のメールアドレスを生成し、管理できるOSSです。メールエイリアスを無制限で生成、管理できる、というもの。AppleもSign in with Appleで匿名メールを使う事で顧客のプライバシーに...
アクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリ・「Radix UI」
Radix UI Radix UIはアクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリです。高品質でアクセシビリティなデザインシステムを提供しWebアプリ構築に貢献してくれるのだそう。 ...
SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
SvgPathEditor SvgPathEditorはSVGのパスを作成、操作できるオープンソースのSVGパスエディターです。 実際に完成図を直感的に操作可能で、データが即時反映されます。左ペインからデータを編集する事も可能で...
オーディオ素材をできるオープンソースのデスクトップアプリ・「Samplescope」
Samplescope Samplescopeはオーディオ素材をできるオープンソースのデスクトップアプリです。WindowsとMacに対応しています。 シンプルなUIで効率的に探せるのが特徴だそう。というもの、基本的にはfree...
ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」
Pattern Generator Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みの...
オープンソースで提供されている自己ホスト型のチャット機能付きライブストリーミングツール・「Owncast」
Owncast Owncastはオープンソースで提供されている自己ホスト型のチャット機能付きライブストリーミングツールです。 Zoom等のビデオ会議ではなく、Youtubeやニコニコ、Twitch(Amazon)、Faceboo...
ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」
HTML New Tab HTML New TabはブラウザのタブでHTML/CSS/JavaScriptを書いて実行できるChromeの拡張機能です。 jsfidleやCodepenのようなものですが、他ライブラリを読み込んだ...
Web制作者やマーケター向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せる・「Open Source Stash」
Open Source Stash Open Source Stashはデザイナーやマーケター、デベロッパー向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せるWebサイトです。 GAやSlack、Zapie...
「CSSに足りない機能は？」に対する様々な回答を確認出来る・「What’s Missing From CSS?」
What's Missing From CSS? What's Missing From CSS?は「CSSに足りない機能は？」に対する開発者の様々な回答を確認出来る調査プロジェクトです。 個人的にもCSS変数やclac()、F...
軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」
Tiny-Swiper See the Pen VwKWMym by kachibito (@kachibito) on CodePen. Tiny-Swiperは軽量で拡張的な非依存のカルーセルライブラリです。他ライ...
写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」
BACKGROUND REMOVER BACKGROUND REMOVERは写真をアップロードすると自動で背景を削除してくれるWebアプリです。 今までSlazzerやSocialBook Free Background Rem...
Google Analytics代替として開発された、Cookie不使用のオープンソースの解析ツール・「Pirsch」
Pirsch PirschはGoogle Analytics代替として開発された、Cookie不使用のオープンソースの、シンプルでプライバシーに配慮した解析ツールです。 GAほど多機能ではないものの、PVやセッション、リファラな...
Auth0代替として開発されたオープンソースの認証プラットフォーム・「SuperTokens」
SuperTokens SuperTokensはAuth0やFirebase Authなどの代替として開発されたオープンソースの認証プラットフォームです。 ユーザーにはストレスのないログインフローを提供しつつセキュアなセッション...