ソフトウェア Webデザイナー向け
ソフトウェア
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」
Webデザイン補助 アートライクな背景パターンを配布する・「Paaatterns」
その他 生産性や効率の向上に貢献してくれそうなツールやアプリケーションを収集している・「theo.tools」
ソフトウェア 匿名で任意のファイルを共有できるOSSなWebアプリ・「beam.cafe」
検索エンジン 様々なブランドのロゴに使用されているフォントを紹介する・「Font In Logo」
Webデザイン補助 Webサイトやアプリのデザインや開発の際に役立つリソースやツールを各カテゴリに分けて集約した・「Undesign」
インスピレーション 成功したブランドのWebサイトに焦点を当てたUIデザインギャラリー・「Convertux Interfaces」
ソフトウェア 色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれる・「Who Can Use」
JavaScript 手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」
JavaScript