Prototyping for Web III: Design with HTML and CSS | Erica Heinz | Skillshare

Prototyping for Web III: Design with HTML and CSS

Erica Heinz, Designer/Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Videos (1h 11m)
    • Trailer

      1:09
    • RWD, CSS, and HTML Prototypes

      2:23
    • Assess the Situation

      7:20
    • Save It

      7:12
    • The Bones

      9:10
    • Flexibility

      13:37
    • The Guts

      6:35
    • The Skin

      8:14
    • Testing

      8:48
    • Documentation

      6:15
    • What's Next?

      0:37

Project Description

Create a live website

Assess the Situation

  1. Download your tools

    49ad1efb

    Video lesson slides are attached below.

  2. Decided which tools you'll use

    45f0d0b1

Version Control

  1. Create a repository

    4bc2999f

Markup

  1. Make a list of templates

    315cedad

  2. Start coding HTML

    adc861b0

Sass and RWD

  1. Design a responsive template

    553860fb

Assets

  1. Prepare assets

    2d459706

Styling

  1. Style using CSS

    7bb352d2

Testing

  1. Create test scenarios

    49356c86

  2. Test across platforms

    20dd370b

Documentation

  1. Document your work

    f9ff7313