Skip to content

Instantly share code, notes, and snippets.

@made-by-chris

made-by-chris/class notes.md

Created September 2, 2022 06:42
Show Gist options
  • Save made-by-chris/5d6e9fb3bd9716c425244a26194aec8f to your computer and use it in GitHub Desktop.
Save made-by-chris/5d6e9fb3bd9716c425244a26194aec8f to your computer and use it in GitHub Desktop.
Download ZIP
think like an architect
Raw
class notes.md

thinking like an architect

the square documents we build are like buildings structure / anatomy / heirarchy / commonality

Try to group your website's elements by "commonality"

  • all the sections are the same width? describe that with 1 line of css
  • all the h3s the same size? describe that with 1 line of css

think about the biggest / lowest level of detail first

the architect holistically designs the overall shape, the width of the building

  • how wide is the building?
  • how tall is the building?

"zooming-in"

go from the most basic, common details first to the smallest most unique details last. if we do these steps in a different order, it can waste energy and we can lose work.

  • the engineers build the building skeleton
  • then introduce the cables and pipes to floor 1,2,3,4...
  • electricity
  • water
  • interiors - railings in the stairs - the lights
  • doors
  • flooring
  • painters - paint all the walls in the apartments
  • kitchen team
  • furnishings, materials, carpeting
  • glass shower doors, pictures on the wall, soft materials / curtains
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment