Webデザイナー向け

プログラミング補助

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

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

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

各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」
ジェネレーター

ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」
JavaScript

任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
ジェネレーター

アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」
Webデザイン補助

マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」
その他

RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」
JavaScript

カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」
その他

小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」
編集ツール

ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」
次のページ