ソフトウェア Webデザイナー向け
ソフトウェア Webデザイン補助 任意のベースカラーを設定すると、WarningやSuccessなどの最適なアラート用カラーを自動で選出してくれる・「Eva Deep learning color generator」
CSS/HTML シンプルさ重視の軽量CSSフレームワーク・「TypeSafe CSS」
JavaScript preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」
共有系サイト Webサイトマップをビジュアル化して見積もりを計算できる・「Octopus.do」
JavaScript 任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」
CSS/HTML コピペで使えてカスタマイズもしやすいCSSアニメーションコードをまとめている・「CSS WAND」
編集ツール CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」
ソフトウェア Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」
その他 使いやすさを最重視した、ミニマルで直感的に操作できるUIのフローチャート作成ツール・「Zen Flowchart」
CSS/HTML Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」
ソフトウェア 1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
Webデザイン補助 カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」
ジェネレーター 任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「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」
ソフトウェア