任意のファイルを暗号化して送信できるWebアプリ・「Sendfiles.online」
Sendfiles.online Sendfiles.onlineは任意のファイルを暗号化して送信できるWebアプリです。基本的には2GBまで、有償プランで100GBまで送信可能となっています。 ファイルを共有できるツールは既に...
Resource -"キーワード指定なし"
SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE（統合開発環境）です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...
各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できる・「PrivacyTests.org」
PrivacyTests.org PrivacyTests.orgは各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できるWebサイトです。 Brave、Chrome、Edge、Firef...
個人用として開発されているオープンソースのWebアーカイブアプリ・「irchiver」
irchiver irchiverは個人用として開発されているオープンソースのWebアーカイブアプリです。Internet Archiveやarchive.todayなどと同様にその日その時のWebページの状態を保存してくれる、という...
高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」
luge lugeは高速かつシンプルで使いやすいJavaScriptアニメーションライブラリです。プラグインを追加して拡張する事も可能です。 読み込むだけでhtmlタグに自動でデバイスやブラウザのclassも付与されるので異なる...
SVGの形状に沿ってテキストを折り返す（shape-insideっぽく）
Result See the Pen Wrapping Text Inside an SVG: Shape Outside Prototype by kachibito (@kachibito) on CodePen...
Deno製のオープンソース静的サイトジェネレーター・「Lume」
Lume LumeはDeno製のオープンソース静的サイトジェネレーターです。JekyllやEleventyなどの静的サイトジェネレータに触発されて開発されたそうですが、より高速でよりシンプルに使用し、設定する事が可能で柔軟性にも富んだ...
Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」
DevBox DevBoxはWeb開発時に重宝するツールやリソースをカテゴリにわめてまとめたキュレーションサイトです。CSSをDevtoolsを使わず調査できるブラウザ拡張をサービスとして展開するIntabによるまとめ。 各フレ...
MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」
BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...
目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシート・「gd.css」
gd.css gd.cssは目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシートです。CSSリセットの代替としても利用できるそう。 HTML要素だけでスタイリング可能な、いわゆるクラスレスなCSSで...
ノート、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"を付与するだけと導入も簡単です。テーマに近いものだと思います。 フォームや...