Web Developers Projects Checklist

Best practices

• Fix broken links
  • W3C link checker
• Spelling and grammar
  • Capitalization
  • Writing Style
  • Word Variations e.g. UK vs US
• Check website in all browsers
  • BrowserShots.org
  • Browserling.com
  • Spoon.net

Mobile

• Mobile-Friendly Test
  • Mobile Friendly checker
• Use 'viewport' meta-tag
  • Don’t Forget the Viewport Meta Tag
  • Make your website mobile friendly
• Use correct input types
  • Input type: Email, Url, Phone
  • Diving in to HTML5 forms
• Manual check using emulators
  • Online media query tester
  • 6 free mobile emulators
  • Opera Mobile Emulator
• Test using real devices
  • Use Open Device Labs to test multiple devices

Database Testing

• Verify whether the column allows a null or not
• Verify the Primary and foreign key of each table
• Verify the data if the CRUD operations are performed
• Verify the encrypted data
• Verify the data validity by inserting the invalid data type
• Verify the triggers
• Check if transaction is required

Performance - ongoing

• Google Page Speed score of 90+
  • Google Page Speed
• Optimize HTTP headers
  • redbot.org
• Optimize images
  • kraken.io
  • PunyPNG.com
  • PNGGauntlet for Windows
  • Image Optim for Mac

Usability

• HTML5 compatibility check
  • Compat Inspector
  • modern.IE
  • Modernizr JS library
• Custom 404 page
  • A more useful 404
• Favicon
  • Real Favicon Generator
  • Favicon Cheat Sheet
• Use friendly URLs
  • 11 best practices for URLs
  • URL rewriting in IIS
  • URL rewrite in Apache
• Print-friendly CSS
  • Set up a print stylesheet
• Add search feature
  • Google Custom Search
  • Consider 'Open Search'
• Environment Integration
  • Safari on iOS
  • Internet Explorer on Windows
  • Windows 8 Tiles

Functional Testing

• All the mandatory fields should be validated
• Test the max length of every field to ensure the data is not truncated
• Test all input fields for special characters
• Test the timeout functionality
• Test to see what happens if a user deletes cookies while in the site
• Test to see what happens if a user deletes cookies after visiting a site

SEO

• GTM tag
• GA tag
• Google Rich Snippets
  • Online tester
  • Getting started
• robots.txt
  • robots.txt tutorial
  • Create robots.txt online
• XML sitemap
  • Create sitemap online
• Schema
  • Schema.org
  • Schema tutorials
• Meta Tags
  • Meta Tags
• Open Graph
  • Open Graph

Code quality

• Coding Convention
  • Codeing Convention
• HTML validation
  • W3C HTML validator
  • Dr. Watson
• CSS validation
  • W3C CSS validator
• Run CSS Lint
  • Run CSS Lint online
• Run JSLint/JSHint
  • Run JSLint online
  • Run JSHint online
• World ready
  • W3C i18n checker

Security Testing

• Encrypt important information like password, credit card numbers etc
• Verify password rules on all authentication pages like Registration, forgot password, change password
• Ask 'I'm not a robot' if the user is entering the wrong password several times
• Don't store password in cookies
• System should not display any application, server, or database information
• Verify the SQL injection attacks
• Verify the user roles and their rights
• Log important operations
• Encrypted session values in the address bar
• Store encrypte cookie information

Security

• Follow best practices
  • ASafaaWeb security analyzer
  • Observatory by Mozilla
• Cross-site scripting
  • XSS cheat sheet
  • DOM based XSS cheat sheet
  • Free XSS scanner
• Cross-site request forgery
  • Explanation and walkthrough
  • CSRF cheat sheet
• Secure connection (SSL)
  • Setup SSL on IIS 7
  • Setup SSL on Apache
  • SSL Server Test
• HTTP Strict Transport Security
  • MDN Overview
  • OWASP Overview
• Enable Content Security Policy
  • Content Security Policy
  • MDN Guide
  • OWASP Overview
  • CSP Tester

Social Media

• Open Graph protocol
  • Open Graph protocol reference
• Twitter Cards
  • Documentation
• Facebook Insights
  • Facebook Insights
• Google+
  • Google+ Publisher

Usability Testing

• Check content for any spelling or grammatical errors
• All fonts should be same as per the requirements
• All the text should be properly aligned
• All the fields should be properly aligned
• Enough space between field labels, columns, rows, and error messages
• All buttons should be in a standard format and size
• Home link should be there on every single page
• Disabled fields should be grayed out
• Display confirmation message for any kind of update and delete operation
• Scroll bar should appear only if required
• Keep user data in form if there is an error message on submit
• Check if the dropdown data is not truncated due to the field size
• Tab index for form items should be in the right order

Accessibility

• Accessibility validation
  • Common problems and solutions
  • IDI Web Accessibility Checker
  • Test using a screen reader
• Color contrast
  • Check color contrast online
• WAI-ARIA Landmarks
  • Using WAI-ARIA Landmarks
  • Guide to WAI-ARIA
  • Practical examples

Semantics

• Add meaning with structured data
  • Schema.org reference
  • Schema-Creator.org
• Check the semantics
  • W3C semantic extractor
  • Google Structured Data Testing Tool
  • Facebook OpenGraph Debugger
  • Twitter Card Validator