Skip to content

Templates

pglevy edited this page May 18, 2021 · 4 revisions

Principles for CodePen templates

  • As little styling as possible
  • Stick to utility classes; avoid overriding CSS
  • Always realistic content
  • Start with responsiveness and accessibility
    • Account for multiple widths
    • Keep content structured
    • Use plain-language
    • Do the non-interactive basics: alt text, labels, typography, contrast, etc.
  • Include a link to the content source.