DEV Community

Cover image for 5 Most Helpful Checklists for Web Developers & Designers
Tina Huynh
Tina Huynh

Posted on • Updated on

5 Most Helpful Checklists for Web Developers & Designers

Table of Contents

  1. Design System Checklist
  2. UX Project Checklist
  3. Checklist Design
  4. Web Developer Checklist
  5. Front End Checklist
  6. Conclusion

Design System Checklist

This checklist comes with five different sub-checklists: design language, design tokens, core components, tooling, and project management.

design checklist

UX Project Checklist

Do you ever forget steps in your user experience research? Whether it's during the researching phase, making sure you include the IA, UI elements, waiting times, completed actions, etc., this checklist has everything covered!

ux checklist

Checklist Design

This absolutely beautiful site reminds you which elements needs to go on which pages, which elements needs what components, and so on. For example, an avatar needs a visualizer, a placeholder image, acceptable file types, etc. while a login page needs a title, account identification, password, a link to reset the password, a link to sign up, etc.

design checklist

Web Developer Checklist

This checklist will make sure you're including required XML sitemaps, HTML validation, running CSS lint, using friendly URLs, making your site mobile-friendly, using traffic analysis, and much more!

web dev

Front End Checklist

The Front-End Checklist can be split up between HTML, CSS, JavaScript, Accessibility, Performance, SEO, Images, Head, and Webfonts. You're also able to filter by best practices, testing, security, requests, meta tag, and much more.

front end checklist

Conclusion

Checklists are so useful to have around to make sure you include everything necessary! Which checklist system do you use?

Happy coding!

Discussion (0)