Skip to content

Web developer's checklist

WORK IN PROGRESS.

An ongoing list of essential tasks and best practises for web development.

I plan to add to this over time, with the eventual aim of going into some detail about the arguments for and against certain approaches.

usability

  • Make interactive elements (buttons, links, form fields) large enough for clumsy fingers to target on a touchscreen.
  • Put frequently-used interactive elements in ergonomically appropriate locations for smartphone users.
  • Include a back-to-top button.

responsivity

  • Write styles for the smallest device width first.
  • Don't implement hover styling until you're writing the media queries for desktop devices.
  • Use srcset for image optimisation.
  • Add the following meta tag to ensure the site displays correctly on mobile devices

accessibility

compatibility

  • Use Modernizr, with HTML5Shiv included.
  • Test using BrowserStack.

deployment

  • W3C validation.
  • Minify as much code as you can.