Day 17

START

Web design hierarchy 

(e.g. design for the fold, what content should be shown first on mobile)

Web design industry standards 

(When to get on the bandwagon with new tools)

Portfolio building projects


FUZZY

Using SASS/Jekyll

localhost

When to use Prepros

Environment stability

PX vs EM vs %

Sprites

Command line/terminal

Final projects

Class yearbook
Portfolio of your work
A catalog of your favorite things
A word+picture story … of yourself, your family, anything

A-HA!

Don’t start building until you know what you’re building

Simplify/mobile-first

SASS variables

Sprites: positioning and styling 

(difficult and amazing, but much better than before)



  • click
  • mouseover (hover)
  • mouseout (end hover)
  • hover (takes two functions: on hover start, on hover end)
  • focus (element gains focus)
  • blur (element leaves focus)
  • change (change text in an input)
  • select (select text in an input)
  • submit (submit a form)
  • scroll
  • resize
  • keypress


Day 17

By Sandor Weisz