Need help with design-for-developers?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

sdras
633 Stars 137 Forks 10 Commits 1 Opened issues

Description

Design for Developers Workshop

Services available

!
?

Need anything else?

Contributors list

# 4,486
JavaScr...
HTML
Nuxt.js
codepen
8 commits
# 15,252
ecmascr...
CSS
Mongoos...
Express
1 commit

Design for Developers

Author: Sarah Drasner

This repo houses the materials and resources for the Design for Developers course on Frontend Masters.

Sometimes it seems like designing is an unlearnable skill, or that if you’re a developer, you might not be able to learn it because it’s a different discipline. Luckily, designing has rules just like development does — rules that can be understood both in theory and in practice. In this workshop, learn to how to become self-sufficient for the entire process of execution from concept to design to implementation. This workshop is also ideal for those that want to be a better collaborator to their design counterparts, and better able to execute the creation of complex and beautiful Frontend experiences.

Image Resources

SVG

  • Noun Project, Menu
  • Noun Project, Square Arrow Up

PNG

  • Block of Text for easy grid templating

Templates

First, second, and third stages.

CodePen Resources

Slide Decks

All slide decks are in the

slides-pdf
folder in pdf form ordered by number.

Twitter Contact Info

License

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.