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
- CSS Grid, example 1
- CSS Grid, example 2
- CSS Grid, example 3
- CSS Grid, example 4
- CSS Grid, example 5, minmax
Slide Decks
All slide decks are in the slides-pdf folder in pdf form ordered by number.
Twitter Contact Info
License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License