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

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

Checklist Design

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

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


  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • 手描きのアニメーションGIFを簡単に作成できる「Brush Ninja」
  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
  • データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」
RELATED POSTS
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
  • anime.jsを使用したテキストエフェクト集「Moving Letters」
  • スクロール連動のエフェクトを実装できるライブラリ「AOS」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
  • やわらかいタッチのイラストをダウンロードできる「Open Doodles」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」