Bridging the Gap Between Designers and Developers in the Real World

WordCamp SLC 2017 Talk

Transcript

1. Jo Murgel | @jomurgel Front-end Developer & Designer at WebDevStudios Bridging the Gap Between Design and Development
2. Jo Murgel | @jomurgel Front-end Developer & Designer at WebDevStudios Bridging the Gap Between Designers and Developers in
3. The Goal To make the handoff of a design to a developer as painless as possible.
4. So What's The Problem We stand in our own way. But we can work around it.
5. Lets Fix The Problem - Consistency (◕‿◕) - Completeness (☆ω☆) - Communication \(^ヮ^)/
6. Work Toward Consistency Consistency is a make it or break it kind of game.
7. Work Modularly - You don't need to get atomic (atomicdesign.bradfrost.com) - But Make things reusable
8. Forget Being Pixel Perfect You're basically developing mistakes.
9. Pixel Perfect Consistent
10. Try the 4@2x Rule or the Rule of 8 Mobile Desktop 10px 20px 15px 30px 25px 50px 50px 100px No more micro-styling.
12. Build a Standard One comp to rule them all.
13. Strive for Completeness Consistency only helps the problem. Completeness tries to solve it.
14. Make It More "Real" Because users aren't going to always write exactly 112 characters on 3 lines.
15. Don't Add Additional Work Fold new ideas into old ones.
16. Continuing the Conversation Communication is the biggest hurdle to jump over.
17. Answer the Unasked Questions Learn as much as you can, even if you don't think you need to know.
18. Don't Design/Develop Blindly Know your limitations, and the limitations of your craft.
19. Problem Solved We might not have built the bridge, but we've laid some thought foundation.
20. Q & A Time! @jomurgel on all the things Slides @ http://goo.gl/;ljasflz;j