Webデザイナー向け

検索エンジン

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

CSS/HTML

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

CSS/HTML

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

Ads
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

Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」

複合/その他

ブラウザで動作するオープンソースのテキストエディタ・「Writty」

JavaScript

チャートも含める事が出来るテーブルライブラリ・「AnyGrids」

ジェネレーター

SVGのカスタムシェイプを直感的に作れるシンプルなWebアプリ・「Shape Divider」

CSS/HTML

class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」

ソフトウェア

フォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャ・「cryo」