Webデザイナー向け

CSS/HTML

Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」
ソフトウェア

1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
Webデザイン補助

カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」
Ads
ジェネレーター

任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「Mock」
CSS/HTML

Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」
JavaScript

レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」
検索エンジン

複数のストックフォトサイトからCCやパブックドメインなどの写真を横断検索できる・「Image Finder」
インスピレーション

様々なWebアプリのコンテンツ単位のスクリーンショットをデザインギャラリーに収集している・「Webframe」
インスピレーション

複数デザイナー向けコミュニティやインスピレーションサイトを任意のカラーコードやキーワードで横断検索できる・「Muzli Search」
CSS/HTML

Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」
Webデザイン補助

Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」
ソフトウェア

自動で背景を除去してくれるremove.bgに、各OSに対応したデスクトップアプリが登場・「remove.bg for Windows/Mac/Linux」
Webデザイン補助

大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」
JavaScript

Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」
ジェネレーター

カラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれる・「Accessible Color Generator」
CSS/HTML

高パフォーマンス且つスケーラブルなWebアプリの為に設計された、!importantを持たず、依存ゼロのCSSツールキット・「Brevis」
CSS/HTML

クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」
Webデザイン補助

プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」
JavaScript

textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」
JavaScript

mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」
Webデザイン補助

SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」
JavaScript

SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」
次のページ