Web Developer Checklist
Play Framework
Menu
Home
ASP.NET
Performance
Play Framework
NodeJS (planned)
PHP (planned)
Python (planned)
Rails (planned)
Usability (planned)
Accessibility (planned)
Performance (planned)
Help needed
Best practices
Read this link
◄
What you should know
Use HTML 5 templates
◄
Initializr
HTML 5 Boilerplate
Fix broken links
◄
W3C link checker
iWebTool Broken Link Checker
Spell-check
◄
IntelliJ IDEA Spell Checker
Check website in all browsers
◄
BrowserShots.org
Browserling.com
Spoon.net
Remove 'www' subdomain
Add the attribute rel='nofollow' to user-generated links to avoid spam
Redirect after a POST to prevent a refresh from submitting again
Mobile
MobileOK score of 75+
◄
W3C mobile 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
Analytics
Uptime monitoring
◄
Uptime robot
Pingdom Website Monitor
GotSiteMonitor.com
Traffic analysis
◄
Google Analytics
StatCounter
Clicky
Performance
Google Page Speed score of 90+
◄
Google Page Speed
Google Speedtracer
Yahoo YSlow score of 85+
◄
Yahoo's YSlow
Optimize HTTP headers
◄
redbot.org
Use CSS Sprites
◄
Sprite Me
Optimize images
◄
SmushIt.com
PunyPNG.com
PNGGauntlet for Windows
Image Optim for Mac
Use Content Distribution Network
◄
Cloudflare (CDN + security layer)
Akamai CDN
Amazon Cloudfront CDN
Cloud optimizations
◄
Reduce I/O to disk
Static resources
◄
Add long TTL with Cache-Control
Minify Javascript
Minify CSS
Use HTML 5 Manifest
Usability
HTML5 compatibility check
◄
Compat Inspector
Modernizr JS library
Custom 404 page
◄
A more useful 404
Favicon
◄
Online generator
How to properly link a favicon
Understand favicons
Use friendly URLs
◄
11 best practices for URLs
Have a unified notification system across app
Don't display unfriendly errors directly to the user
Add search feature
◄
Google Custom Search
Consider 'Open Search'
Environment Integration
◄
Safari on iOS
Internet Explorer on Windows
Test Responsive design
◄
Responsive.is Tester
Code quality
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
Verify source code (Scala)
◄
Scala Style
SCCT
SEO
SenSEO score of 85+
◄
SenSEO for Firefox
How Google works
Google Webmaster Tools
Bing Webmaster Tools
Google Rich Snippets
◄
Online tester
Getting started
robots.txt
◄
robots.txt tutorial
Create robots.txt online
XML sitemap
◄
Create sitemap online
A/B Testing
◄
ABalytics
Semantics
Add meaning with Microdata
◄
Schema.org reference
Schema-Creator.org
Check the semantics
◄
W3C semantic extractor
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
Security
Follow best practices
◄
ASafaaWeb security analyzer
OWASP Top 10 project
OWASP Cheat Sheets
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 Passwords
◄
BCrypt
SCrypt
Hash passwords using salt to prevent rainbow attacks
Secure connection (SSL)
◄
Setup SSL on Play 2
Setup SSL on Apache
Online SSL checker
Content Security Policy
Set X-Frame-Options
Set Content Security Policy
HTTP Strict Transport Security
◄
MDN Overview
OWASP Overview
Social Media
Open Graph protocol
◄
Open Graph protocol reference
Twitter Cards
◄
Documentation
Preview Tool
Facebook Insights
◄
Facebook Insights
...and finally
Add humans.txt
◄
We are humans, not machines!
Use PVM
◄
Play Version Manager
Optional:
0
/9