Tools & Resources

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

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

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

Ads

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

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

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

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

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

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

Deno製のオープンソース静的サイトジェネレーター・「Lume」

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

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

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

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

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

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

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

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

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

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

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

非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」