Show Menu

Website: Best Practices Checklist Cheat Sheet by

development     website     best     practices

Introd­uction

Best practises for developing a website

Best Practices

Fix broken links
    W3C link checker
    iWebTool Broken 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
Decide on www-su­bdo­main
    no-www.org score of 'B'
    ...or www.ye­s-w­ww.org
    Handle 'www' in web.config

Mobile

Mobile OK 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 emulat­ors
    Online media query tester
    6 free mobile emulators
    Opera Mobile Emulator
Test using real devices
    Use Open Device Labs to test multiple devices
 

Usability

HTML5 compat­ibility 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 Integr­ation
    Safari on iOS
    Internet Explorer on Windows
    Windows 8 Tiles

Semantics

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

Code quality

HTML valida­tion
    W3C HTML validator
    Dr. Watson
CSS valida­tion
    W3C CSS validator
Run CSS Lint
    Run CSS Lint online
Run JSLint­/JS­Hint
    Run JSLint online
    Run JSHint online
World ready
    W3C i18n checker
Automated testing
    Testomato

Access­ibility

Accessibility valida­tion
    Common problems and solutions
    IDI Web Access­ibility Checker
    Test using a screen reader
Color contrast
    Check color contrast online
WAI-ARIA Landma­rks
    Using WAI-ARIA Landmarks
    Guide to WAI-ARIA
    Practical examples

Download the Website: Best Practices Checklist Cheat Sheet

1 Page
//media.cheatography.com/storage/thumb/davidpol_website-best-practices-checklist.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          More Cheat Sheets by Davidpol