プライバシーファーストで開発されたシンプルで高速なアカウント不要のファイル転送サービス・「Quick Sync Me!」
Quick Sync Me! Quick Sync Me!はプライバシーファーストで開発されたシンプルで高速なアカウント不要のファイル転送サービスです。 アカウントを作成せずに利用可能で、ファイルやプレーンテキストをシンプルにか...
Resource - Archives
コードを画像化してダウンロードできるWebアプリ・「Ray.so」
Ray.so Ray.soはコードを画像化してダウンロードできるWebアプリです。書いたコードを画像にしてSNSなどに投稿するのが主な目的みたいです。 この手のツールは既に多く世に送られていて、その筆頭がCarbon（当ブログの...
データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
Charts.css Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく...
Intercomなどのように顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリ・「Chatwoot」
Chatwoot Chatwootは顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリです。 よく海外などのWebサービス等の右下に見かける、訪問ユーザーとのチャットツールの様なものを提供してくれる、と...
ベーシックで使いやすいオープンソースのヘルプデスクシステム・「HelpDeskZ」
HelpDeskZ HelpDeskZはベーシックで使いやすいオープンソースのヘルプデスクシステムです。PHP7.2以上、MySQL5.1以上及びintl、mbstring、imapなどの拡張モジュールが必要みたいです。 よくあ...
個人向けに開発されたオープンソースのプロジェクト管理ツール・「Condution」
Condution Condutionは個人向けに開発されたオープンソースのプロジェクト管理ツールです。electronが採用されているみたいでWeb版の他、各OSのデスクトップアプリやスマホアプリも用意されています。 ビジネス...
Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」
olicons oliconsはWeb制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクトです。主にデザイナーやコーダー向けに開発されたそうです。 アイコンは丸みのあるフォルムの線画アイコンと塗りのア...
URLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示する・「github1s」
github1s github1sはURLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示するWebアプリです。 例えば上のようなURLを というように、github....
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」
pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...
商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」
SVG Repo SVG Repoは商用でも使えるSVGアイコンのセットを大量に収集、検索できるSVG検索エンジンです。 さらにほとんどのアイコンは無償配布されているものに絞って収拾されているみたいで数にして30万以上のアイコン...
SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」
SVGX SVGXはSVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリです。Win、Macの両OSに対応しています。Electron + Svelteで作られているようです。 端末内の任意のSVGのプレビ...
モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」
SmolCSS SmolCSSはモダンなCSSを使ったレイアウトのコードスニペットを紹介するプロジェクトサイトです。 古いCSSをモダンなCSSに置き換えるヒントを紹介するModern CSS Solutionsの運営者の方が始...
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」
bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...
汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」
Majesticons Majesticonsは汎用的に使えるスケーラブルな200以上のオープンソースアイコンセットです。 丸みのある線画のアイコンと塗りの2セット用意されており全てSVGとなっている他、Figmaでも利用できる...
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」
js-image-zoom See the Pen PobWowK by kachibito (@kachibito) on CodePen. js-image-zoomはシンプルで使いやすい非依存型の画像拡大鏡スクリ...
CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」
DevSamples DevSamplesはCSSやJavScript等の便利なコードスニペットを収集しているWebサイトです。 CSSやJS、Node、Git、ReactやSvelte、HTMLなど開発時にたびたびググりがちな...
ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」
Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...
プライバシーとセキュリティを強く意識したOSSのメモアプリ・「bilgge」
bilgge bilggeはプライバシーとセキュリティを強く意識したOSSのメモアプリです。メモの他にパスワード(実際はラベルと値という項目が用意されていて値の箇所が●●●表示される)も保存できます。 AES-256bitと10...
ダミーの画像やテキストを提供するweb components・「</placeholders>」
</placeholders> See the Pen dyOXOrR by kachibito (@kachibito) on CodePen. </placeholders>はダミーの画像や...
開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」
Dev Resources Dev Resourcesは開発者やデザイナー向けのツールやリソースを収集しているプロジェクトです。OSSとしてMITライセンスの元、Githubで収集データも公開されています。 Webサイトやアプリ...
ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」
Pollen Pollenは一貫したスタイルやユーティリティファーストなCSSを設計するためのCSS変数を提供するスタイルシートです。 中身は全てCSS変数のみで構成されており、既に定義付けられていますので、classを変えるこ...
クレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクト・「Illustration Kit」
Illustration Kit Illustration Kitはクレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクトです。 様々なシーンや人物のゆるいスタイルのイラストがすでに大量に公開されており、PN...