Originally published at: https://www.sitepoint.com/web-development-checklists/
Building a website or app and making it available for the world is a complex business. A number of factors must come together to ensure the final product is successful. That means attracting and keeping visitors, meeting business goals, and minimizing problems. You can deliver a better product with the help of web development checklists.
As in everyday life, checklists can be a great organizational tool. They keep web development teams on track. They also ensure important tasks aren’t overlooked in the rush to complete a project.
We searched the web for the most useful web development checklists. They cover everything from front-end and performance to SEO and marketing.
- design elements to look out for before launch
- cross-browser testing
- SEO and content editing
This tools lets you:
- check items as you complete each task
- grey out an item if it's not applicable
- reset the checklist to get it ready for the next project.
The checklist covers content, benchmarks and performance, compatibility, accessibility, analytics, and more. Items in the list include, among other things:
- content editing
- navigation usability
- links testing
- GDPR compliance
- HTML and CSS validity
- styles and scripts minification
Not only does the author include important tasks to complete before launching, he also explains the why behind his choices.
The list presents items belonging to the following areas:
- broken links
- nice to haves, such as a 404 page, print stylesheets, and more.
Back-end (Database and Server) and Security
For data persistence, you most likely need a database. The smooth running and integrity of the database are crucial to a fast and secure website or app. In this checklist, you’ll find items relating to:
- database integrity
- stored procedures
- field validation
- transactions and more.
- data storage solutions
- server environments
- application monitoring, and much more.
- checking performance
- validating the markup
React App Deployment and Performance
Cross-browser TestingDeeksha Agarwal offers a top-notch checklist to ensure your website or app works and looks as intended in all browsers and platforms on your local dev environment before the launch. Among the items you'll find in this list are:
- element alignment, and other HTML and CSS cross-browser issues
- font rendering
- API connections, and much more.
This W3C checklist includes all the items you need to consider so that more people can access and use your site. The items are grouped according to a priority number from one to three.
- providing text for non-text elements
- organizing documents so they can be read without stylesheets
- color contrast
- appropriate structure and elements for HTML documents
- expanding acronyms and abbreviations the first time they appear
- logical tab navigation, and more.
This A11Y Project checklist organizes items under the following headings:
- global code
- color contrast
- Level A makes your website or app accessible to some users
- Level AA makes it available to almost all users
- Level AAA makes it available to all users.