Tools & Resources

ソフトウェア

ReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディター・「Scenify」
ソフトウェア

縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」
JavaScript

three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」
Ads
ソフトウェア

MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」
Webデザイン補助

任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成する・「Alwane」
共有系サイト

任意のファイルを暗号化して送信できるWebアプリ・「Sendfiles.online」
編集ツール

SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
その他

各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できる・「PrivacyTests.org」
ソフトウェア

個人用として開発されているオープンソースのWebアーカイブアプリ・「irchiver」
JavaScript

高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」
ソフトウェア

Deno製のオープンソース静的サイトジェネレーター・「Lume」
プログラミング補助

Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」
ソフトウェア

MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」
CSS/HTML

目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシート・「gd.css」
その他

ノート、Todo、ブックマーク、ポモドーロなどの機能を1か所にまとめた個人向けのオンラインワークスペースを提供してくれるWebアプリ・「QuickTab」
ソフトウェア

アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」
編集ツール

任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」
その他

完成図を見て正しいコードを選択するクイズ形式でCSSを視覚的に学べる・「Guess CSS!」
ソフトウェア

GoogleドライブやDropboxなど各クラウドストレージサービスにデータを保存する際にファイルやフォルダ名を暗号化してくれるオープンソースのソフトウェア・「Cryptomator」
Webデザイン補助

JavaScriptを使ったWebアプリの設計を改善するためのパターンやヒント、コツをまとめた・「Patterns.dev」
JavaScript

パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」
ソフトウェア

LinuxでWindowsのソフトウェアを実行できるOSS・「Bottles」
次のページ