Web Developer Checklist
Get the extension
Chrome
|
Firefox
Best Practices
Required:
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
BrowserStack
LambdaTest
CrossBrowserTesting
Decide on www-subdomain
no-www.org score of 'B'
...or www.yes-www.org
Handle 'www' in web.config
Mobile
Required:
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
Test using real devices
Use BrowserStack to test on multiple devices
Analytics & Monitoring
Required:
Uptime monitoring
Uptime Robot
StatusCake.com
Traffic Analysis
Google Analytics
StatCounter
Clicky
Matomo (formerly known as Piwik)
Performance
Required:
Google Page Speed score of 90+
Google PageSpeed Insights
Optimize HTTP headers
redbot.org
Optimize Images
Analize how images affect your page
TinyPNG
kraken.io
squoosh.app
PNGGauntlet for Windows
ImageOptim for Mac
Usability
Required:
HTML5/CSS3 compatibily check
Can I Use
Modernizr JS library
W3C Internationalization Checker
Custom 404 page
A more useful 404
Favicon
Real Favicon Generator
Favicon Cheat Sheet
Use friendly URLs
SEO Friendly URLs
URL rewriting in ISS
URL rewriting in Apache
URL rewriting in NGINX
Print-friendly CSS
Set up a print stylesheet
Optional:
Add search feature on your website
Google Custom Search
Consider 'Open Search'
Enviroment Integration
Safari on iOS
Internet Explorer on Windows
Semantics
Required:
Add meaning with structured data
Schema.org reference
Schema-Creator.org
Check the semantics
Google Structured Data Testing Tool
Facebook OpenGraph Debugger
Twitter Card Validator
SEO
Required:
Google Rich Snippets
Online Tester
Getting Started
robots.txt
Create a robots.txt file
XML Sitemaps
Create sitemap online
Code Quality
Required:
HTML validation
W3C validator
HTML5 Validator.nu
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
Accessibility
Required:
Accessibility validation
Web Content Accessibility Guidelines (WCAG) Overview
Common problems and solutions
Web Accessibility Evaluation Tool
Test using a screen reader
Color contrast
Check color contrast online
WAI-ARIA Landmarks
Using WAI-ARIA Landmarks
Guide to WAI-ARIA
Practical Examples
Security
Required:
Follow Best Practices
Observatory by Mozilla
Cross-site scripting
XSS cheat sheet
DOM based XSS cheat sheet
Cross-site request forgery
Explanation and walkthrough
CSRF cheat sheet
Optional:
Secure connection (SSL)
Free SSL/TLS Certificates
Setup SSL on ISS
Setup SSL on Apache
Setup SSL on NGINX
SSL Server Test
HTTP Strict Transport Security
MDN Overview
OWASP Overview
Enable Content Security Policy
Content Security Policy
Content Security Policy (MDN)
CSP Evaluator Online
Social Media & Structured Data
Optional:
Structured Data for Google Search
How structured data works in Google Search
Open Graph Protocol
Open Graph Protocol Reference
Twitter Cards
Documentation
Facebook
Sharing on Facebook
...and finally
Optional:
Add humans.txt
Humans.txt generator