
Webデザイナー向け


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

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

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

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

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

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

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

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

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

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

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

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

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

CC0で配布されている、髪型や顔などのパーツの組み換え可能な人物イラストを配布するプロジェクト・「Open Peeps」

プレビューを見ながら任意の平面充填を描画できるユニークなタイリング専用ドローツール・「EscherSketch」

Webページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプト・「GuideChimp」

ソフトなCSS Shadowを作れるシンプルなWebアプリ・「Neumorphism.io」

軽量で非依存な、ダーク/ライトモード切り替えスクリプト・「DarkModeJS」

JavaScriptライブラリやフレームワークを使わずHTML5、CSS、バニラなJSだけで作られたプロジェクト集・「Web Projects With Vanilla JavaScript 」

Webサイト開発の際にあると地味に便利なミニツールをまとめている・「Tiny helpers」
