Webデザイン補助

Webデザイン補助

写真に有ったグラデーションを生成、カラーコードをコピー出来る・「Gradient World」

Webデザイン補助

さまざまな色の知識を学べる・「Colors – Canva’s Design Wiki」

Webデザイン補助

Google Web Fontsのフォントの表示確認が出来る・「Archetype」

Ads
Webデザイン補助

AndroidやiPhone、iPad等でのデバイスで表示確認が出来る・「Sizzy」

Webデザイン補助

任意の画像をアップロードするとその画像を元にカラーパレットを作成してくれる・「Pictones」

Webデザイン補助

パターン素材を表示確認しながら探せる・「Lisbon Azulejos」

Webデザイン補助

モックアップ作成用に作られたSILライセンスの棒状フォント・「MockFlowFont」

Webデザイン補助

任意の色の組合せでアクセシビリティチェック出来る・「Hex Naw」

Webデザイン補助

accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」

Webデザイン補助

美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」

Webデザイン補助

データの可視化に関するツールや知識、リソースをまとめている・「dataviz.tools」

Webデザイン補助

任意のWordPressのテーマのスタイルをチェックできるテスト用データ・「WP Test」

Webデザイン補助

さまざまなタイプのチャートの特徴や用途、目的など、使い方を解説してくれる・「Chartopedia」

Webデザイン補助

WCAGのガイドラインに沿ったカラーコントラストを複数まとめて確認出来るコントラストテスター・「Colorable Matrix」

Webデザイン補助

Photoshopのツールやリソースを公開する・「UberPlugins」

Webデザイン補助

複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」

Webデザイン補助

ブラウザで使える、Framer.jsを使ったプロトタイプのインタラクションテストツール・「Prototyp」

Webデザイン補助

任意のカラーを任意の名前で登録、クリップボードにコピーできるシンプルなカラーツール・「HexCandy」

Webデザイン補助

任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」

Webデザイン補助

Webデザイナー向けのリソースを目的別にまとめている・「Freestack」

Webデザイン補助

画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」

Webデザイン補助

Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」