Webデザイナー向け

1000以上のシンプルな線画と色付きのアイコンをセットで配布する・「Milk Icons」

分散型のプライベートストレージを備えた、ブラウザで動作する画像圧縮ツール・「Compress.Studio」

Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」

Ads

オンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタ・「DeckDeckGo」

CC0ライセンスの写真や動画を配布するストックサイト・「ISO Republic」

Bootstrapベースの管理画面テンプレートを探せる・「BootstrapDash」

200以上のアニメーションするアイコンを無料で配布する・「Animated Icons」

CSS GridとGradientsを使ってランダムにパターンを作成、コードをコピーできる・「CSS Grid-ient」

CSSによるアニメーションエフェクトの動作確認しながらコードをコピーできる・「CSS Animo」

アスキーアートのラップトップを作って画像などを組み合わせて使えるCSS・「laptop.css」

オートセーブ機能付きでMarkdownとプレーンテキストの両ペインでメモを取れるシンプルなOSSメモアプリ・「QuickJots」

AIで生成された、現実に存在しない10万人の顔の画像を無料で配布する・「100,000 AI-Generated Faces」

Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」

指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」

CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」

ブラウザでイラストを複数描いてGifアニメーションやmp4でダウンロードできるオープンソースのソフトウェア・「ANIMATE IT」

React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」

閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」

Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」

任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」

Markdownでドキュメントを書いてツリー形式で管理できる国産サービス・「Tree」