Webデザイナー向け

ジェネレーター

写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」
ジェネレーター

使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」
ソフトウェア

任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツール・「Colour Contrast Checker」
Ads
編集ツール

アニメーションするクリエイティブな広告バナーを作成可能なWebアプリ・「Viewst」
CSS/HTML

カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」
ソフトウェア

Web用の3Dモデルを作成する為のデザインツール・「Spline」
CSS/HTML

テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」
その他

1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセット・「EOS Icons」
プログラミング補助

CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」
その他

高性能なコラボレーションホワイトボードWebアプリ・「BeeCanvas」
Webデザイン補助

任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」
その他

各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集・「Super Tiny Icons」
編集ツール

任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタ・「Iconscout Icon Editor」
ジェネレーター

シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」
その他

シンプルで視認性の高いオープンソースのアイコンフォント・「Essentials」
ソフトウェア

任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」
CSS/HTML

多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」
Webデザイン補助

ロゴのダミー画像を無償配布するミニプロジェクト・「Placeholder Logos」
ソフトウェア

沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」
CSS/HTML

コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」
その他

ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」
CSS/HTML

必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」
次のページ