Webデザイナー向け

編集ツール

Webページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なブラウザ拡張・「StyleStash」
ソフトウェア

大量のオープンソースプロジェクトから任意のキーワードやカテゴリで探せる・「Awesome Open Source」
ジェネレーター

CSS製の斜めやジグザグなどの境界を手軽に作れる・「CSS Section Separator Generator」
Ads
JavaScript

1行のコードで使えるJavaScriptユーティリティのまとめ・「1loc」
その他

地域別に任意のカラーで色付けてラベル名を設定し地図チャートを作れる・「MapChart」
CSS/HTML

Windows98を再現できるCSS・「98.css」
CSS/HTML

様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」
Webデザイン補助

2色を選択するだけで関連するカラーパレットを1万以上提案してくれる・「Palette List」
ジェネレーター

任意のWebサイトのURLを入力するだけでダークモード用のCSSを自動で作成してくれる・「Night Eye」
Webデザイン補助

CC0で配布される150以上のコンポーネントが含まれたモバイル向けプロトタイプ用のワイヤーフレームキット・「Contra」
ソフトウェア

任意のWebサイトのスクリーンショットを取得するOSS・「Webshot」
インスピレーション

UIデザイナーが3年間、スキルアップのためにデザインした1000以上のファイルをCC0で公開するプロジェクト・「UI Design Daily」
CSS/HTML

あらゆる画面サイズに対応できるよう設計されたモバイルファーストなscssフレームワーク・「Honeycomb」
Webデザイン補助

説明的なネーミングを施された実験的なカラーパレットを紹介する・「colors.lol」
ジェネレーター

CSS製の円グラフを手軽に作れるWebアプリ・「CSS Pie Chart Generator」
その他

開発者向けの様々なチェックリストを公開している・「Checklist」
その他

unsplashの写真を比較してダウンロード数が多い方を当てるゲーム・「TopShot」
その他

シンプルで汎用的な、オープンソースで提供される300以上のSVGアイコンセット・「Tabler Icons」
CSS/HTML

ユーティリティに焦点を当てた、インタラクティブなUI開発をサポートするCSSフレームワーク・「Shorthand」
検索エンジン

スミソニアン博物館に保管されている美術品など280万点をデジタル化、データをダウンロードできる・「Smithsonian Open Access」
ソフトウェア

SVGアイコンを一か所でまとめて整理、管理できるデスクトップアプリ・「Iconset」
Webデザイン補助

Webデザイナー向けに収集されたカラーとフォントのツールやリソースをまとめている・「Colors & Fonts」
次のページ