Webデザイナー向け

ソフトウェア

Vue.jsで構築されたオープンソースのフォントビューア・「fontvuer」
CSS/HTML

CSSの用語を視覚的に学べる・「CSS Vocabulary」
その他

ミニマルなスタイルの汎用的なオープンソース線画アイコンセット・「Basicons」
Ads
Webデザイン補助

画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツール・「Slazzer」
CSS/HTML

CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」
その他

商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」
JavaScript

アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」
Webデザイン補助

デザイナーの業務をサポートするツールやリソースを集約した・「Design Resources」
その他

WebサイトやWebアプリ開発に関わる業務の方向けのツールを大量に収集している・「appydev」
ソフトウェア

顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に使用できるOSS・「Big Heads」
Webデザイン補助

ベースカラーを入力するだけで良い感じのカラーパレットを複数提案してくれる・「ColorSpace」
Webデザイン補助

レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」
CSS/HTML

応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」
CSS/HTML

モジュール形式のCSSボタンシステム・「knopf.css」
検索エンジン

オープンソースのプロジェクトを探したり比較できる・「Openbase」
CSS/HTML

FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」
CSS/HTML

テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」
CSS/HTML

HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」
Webデザイン補助

サクサク使えるシンプルなカラーパレット生成ツール・「Color Palette Generator」
検索エンジン

任意のキーワードでブランドと、そのロゴやテーマカラーを調べられる検索エンジン・「Brandfetch」
CSS/HTML

ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」
その他

WebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せる・「Webdesign Toolbox」
次のページ