
Webデザイナー向け


URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」

ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「Vector Creator」

Veu.jsで作られたオープンソースのサムネイル付きオンラインブックマークマネージャ・「Moodboard」

手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」

unsplashの写真から自動でカラーパレットを作成している・「ImageHues」

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

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

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

オンラインでスライドを作成して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」
