
Tools & Resources


設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」

商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」

SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」

モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」

シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」

汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」

すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」

CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」

ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」

プライバシーとセキュリティを強く意識したOSSのメモアプリ・「bilgge」

ダミーの画像やテキストを提供するweb components・「</placeholders>」

開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」

ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」

クレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクト・「Illustration Kit」

セキュアでシンプルなオープンソースのパスワードジェネレーター・「passwrd.in」

すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」

様々なチームにも対応できる高性能なオープンソースのプロジェクト管理システム・「CAMPR」

アクセス数や時間を制限できるファイルアップローダー・「Disposable URL」

ビデオ会議やホワイトボード、ドキュメント共同編集などの機能を提供するOSS・「Apache OpenMeetings」

ブラウザで処理するプライバシーに配慮したオープンソースのJPEG最適化ツール・「JPEG.rocks」
