アプリ・Web制作で必要な要素をチェックできる「Checklist Design」

 
Web制作・アプリ制作の上で役立つページやUIコンポーネントで必要な要素がチェックできる「Checklist Design」の紹介です。デザイン要素をチェックできるだけでなく、リソースとしてDribbbleで公開されてるデザイン例や、参考になる記事・参考例となるサイトの紹介もあります。

Checklist Design

↓お問い合わせのチェックリスト。最低限の要素とオプションが載ってます。

作り慣れてないページやUIを制作する時など、なにかしら漏れがないかチェックできる便利なサイトです。以上「Checklist Design」の紹介でした。



  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • ロゴを様々な角度からテストできるツール「Logo Lab」
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
RELATED POSTS
  • CSSをショートハンドに書き換えてくれる「SHRTHND」
  • CSSグラデーションの作成に役立つジェネレーター・Webサービス11選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • ビューポートなどで要素の可視性を検出できる「Emergence.js」
  • 【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
  • 魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
RECENT POSTS
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • 【2021年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
POPULAR POSTS
  • 【2021年版】 無料で使えるフリーイラスト素材サイト33選(商用利用可)
  • 【無料】漢字が使える日本語フリーフォント70選
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法