Skip to content

Instantly share code, notes, and snippets.

@salcode

salcode/design-developer-checklist.md

Last active October 4, 2019 17:53
Show Gist options
  • Star 8 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save salcode/357a7c7533e12f17685d to your computer and use it in GitHub Desktop.
Save salcode/357a7c7533e12f17685d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
design-developer-checklist.md

Checklist for Design to Development Handoff

Developer Pre-Design Questions

[ ] Do you have a preferred grid system? || I'd like to use this grid system.
[ ] What fonts do we have available to us? || I'd like to use this font (and include a URL).

Checklist before Handoff to Development

[ ] Provide a style guide for body copy
[ ] Design is based on a responsive grid system
[ ] PSDs at the largest screen size with grid system guides/overlays
[ ] Design accommodates the length of copy growing
[ ] Design supports using code where possible rather than images (buttons, backgrounds, svgs, etc.)
[ ] Remove any unused layers in the PSD
[ ] Label layers appropriately
[ ] Group layers according to sections (header, footer, content, etc.)
[ ] Design uses no more than one custom font
[ ] Provide name of custom font and URL for where to find it online

Above and Beyond

[ ] Use the developer's preferred grid system
[ ] For each CMS editable image, include a layer that has a placeholder image with the dimensions on it
[ ] Color code layers in PSD where appropriate

Credits

Sal Ferrarello - @salcode
Iron Code Studio

Design Checklist to Make Developers Love You
Version: 20151203
Available at: http://ironco.de/designer-developer-love

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment