Should Designers Code? | Oscar Gonzalez | Skillshare

Should Designers Code?

Oscar Gonzalez

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Lessons (1h 17m)
    • 1. Hola!

    • 2. Tooling

    • 3. Dev Tools for Designers

    • 4. The Box Model

    • 5. Colors

    • 6. Pixels

    • 7. CSS Spacing Units

    • 8. REM's vs EM's

    • 9. Positioning Elements

    • 10. Layout with Flexbox

    • 11. Depth (3D)

    • 12. Motion - Animation

    • 13. Typography

    • 14. The Anatomy of the User Interfaces

    • 15. Let's Code!


About This Class


As the intersection between Design and Technology becomes blurrier, it is crucial for designers to learn technical skills that allow them to get a feel for how their designs are implemented in code and how to communicate with developers efficiently.

This is an introductory class on the bare-minimum things designers should know when it comes to Web code. We will discuss

  • how to work with Dev Tools as a designer
  • how color values are applied to pixels and what they represent in a grid
  • layout techniques like Flexbox 
  • motion principles in code
  • typography in code
  • the box model

Keep in mind that this class is just introducing you to the basics. The best way to learn skills is by practicing. 

The class is based on something I call The Anatomy of UI. Something you have been working with all along and is present in all interfaces. I write about the concept here: 

Tools you will need: 

  • A browser
  • Codepen
  • Sketch App or any other UI design software

My personal goal is to create empathy between designers and developers so I am working on a class on design for developers. Be on the lookout for that one as well if you would like to learn more. 

"Designers who can code and write have always been attractive to tech companies. As the distinction between engineering, writing, and design becomes blurrier, design’s role in technology only stands to become more ingrained in the product development process." - If you want to survive in design, you better learn to code - John Maeda.

CodePen Playgrounds

Supplemental Reading Material