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

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

Checklist Design

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

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


  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • ワールドカップのユニフォームのパターンをまとめた「World Cup in Pattern」
  • 2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
RELATED POSTS
  • モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
  • 料金表のページをまとめたギャラリーサイト「Pricing Pages」
  • 【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
  • CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
  • CSSをショートハンドに書き換えてくれる「SHRTHND」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」