Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」
DevBox DevBoxはWeb開発時に重宝するツールやリソースをカテゴリにわめてまとめたキュレーションサイトです。CSSをDevtoolsを使わず調査できるブラウザ拡張をサービスとして展開するIntabによるまとめ。 各フレ...
Resource - Webディレクター向け
MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」
BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...
ノート、Todo、ブックマーク、ポモドーロなどの機能を1か所にまとめた個人向けのオンラインワークスペースを提供してくれるWebアプリ・「QuickTab」
QuickTab QuickTabは個人向けのオンラインワークスペースを提供してくれるWebアプリです。ノート、Todo、ブックマーク、ポモドーロといった機能が全て揃えられています。 チームで共有したりゲストを呼べる等の機能は無...
アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」
Icon Shelf Icon Shelfはアイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリです。Web開発者向けのアイコンマネージャーとして開発されています。 React、Electronベー...
任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」
SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...
完成図を見て正しいコードを選択するクイズ形式でCSSを視覚的に学べる・「Guess CSS!」
Guess CSS! Guess CSS!はクイズ形式でCSSを視覚的に学べるWebアプリです。完成図を見て正しいコードを選択するクイズ形式となっています。 文章での出題ではなく、正しいコードを選ぶだけのシンプルな問題なので...
GoogleドライブやDropboxなど各クラウドストレージサービスにデータを保存する際にファイルやフォルダ名を暗号化してくれるオープンソースのソフトウェア・「Cryptomator」
Cryptomator Cryptomatorはクラウドストレージサービスにデータを保存する際にファイルを暗号化してくれるオープンソースのソフトウェアです。Windows、MacOS、Linux、Android、iOSに対応しています...
JavaScriptを使ったWebアプリの設計を改善するためのパターンやヒント、コツをまとめた・「Patterns.dev」
Patterns.dev Patterns.devはVanillaなJavaScriptやReactなどを使ったWebアプリの設計を改善するためのパターンやヒント、コツをまとめたWebサイトです。 チェックリストでは無く、パター...
パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」
simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...
LinuxでWindowsのソフトウェアを実行できるOSS・「Bottles」
Bottles BottlesはLinuxでWindowsのソフトウェアやゲームを実行できるオープンソースのソフトウェアです。 Windows向けのソフトウェアを動作させる為の依存関係を管理するマネージャー機能が付いており、必要...
非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」
Plasmic Plasmicは非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダーです。 所謂ノーコードアプリとなっていてビジュアルを確認しながらドラッグ&ドロップでWebペー...
非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」
Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...
ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」
Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...
導入も楽々な手書き風のスタイリングが可能なスタイルシート・「doodle.css」
doodle.css doodle.cssは手書き風のスタイリングが可能なスタイルシートです。CSSを読み込んでbodyタグにclass="doodle"を付与するだけと導入も簡単です。テーマに近いものだと思います。 フォームや...
超軽量なオープンソースの静的CMS/Wiki・「Raito」
Raito Raitoは超軽量なオープンソースの静的CMS/Wikiです。日本語の「軽い」は英語でlight、読み方はライトで、そこから名付けたそうです。何が何だか分からないけど日本語関係ない気がする。 開発が止まったMDwik...
class不要で見た目をミニマルスタイルに整えてくれるclass-lessなCSSフレームワーク・「DreamCSS」
DreamCSS See the Pen Untitled by kachibito (@kachibito) on CodePen. DreamCSSはclass不要で見た目をミニマルスタイルに整えて...
無制限にタスクをネスト出来るチーム向けのシンプルなタスクマネージャ・「Tahsk」
Tahsk Tahskは無制限にタスクをネスト出来るチーム向けのシンプルなタスクマネージャです。5人まで無料、5人以上のチームは1人あたり月700円程度だそうです。 UIは非常にシンプルでタスクのネスト、D&Dによる並べ替え、タ...
ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」
Floating UI Floating UIはツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリです。 表示位置の調整やスクロールした際の位置調整など、ユ...
商用利用可能なオープンソースのMongoDB代替・「FerretDB」
FerretDB FerretDBは商用利用可能なオープンソースのMongoDB代替です。少し前までMangoDBというややこしい名前でローンチしていたのでなんとなくスルーしてましたがFerretDBに名前を変えたようです。 M...
ブラウザで任意のファイルを暗号化/複合化できるOSS・「Hat.sh」
Hat.sh Hat.shはブラウザで任意のファイルを暗号化/複合化できるオープンソースのWebアプリです。XChaCha20-Poly1305というストリーム暗号とメッセージ認証コード生成を組み合わせた認証付き暗号(AEAD)による...
Go、GraphQL、Javascriptで構築されたオープンソースの認証システム・「Authorizer」
Authorizer AuthorizerはGo、GraphQL、Javascriptで構築されたオープンソースの認証システムです。SDKが用意されておりわずか3分の作業で手軽に導入する事が出来るそうです。 認証はSNS等を使っ...
パスワードを暗号化して管理するシンプルで軽量なオープンソースのパスワードマネージャ・「Passky」
Passky Passkyはパスワードを暗号化して管理するシンプルで軽量なオープンソースのパスワードマネージャです。 マスターキーでのみ解読できるようになっているので保存したパスワードが何かしらの理由で漏洩しても脅威になりません...