Skip to content

Instantly share code, notes, and snippets.

@daniellevass

daniellevass/1.md

Last active September 29, 2015 11:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save daniellevass/8f1b1601bff05f579b66 to your computer and use it in GitHub Desktop.
Save daniellevass/8f1b1601bff05f579b66 to your computer and use it in GitHub Desktop.
Download ZIP
1.md
Raw
1.md

#Task 1

In your groups decide upon your app idea!

#Task 2

Write down what your app will do exactly. Then come up with at least 3 pictures that you will need inside your app!

#Task 3

Each person is going to draw one picture from Task 2 out of code e.g. it could be a notice icon, or a profile picutre.

a. Open up JSFiddle in a new tab (right click - new tab)

b. You'll need to create a piece of paper to draw onto:

<svg height="500" width="500">

</svg>

c. Next we might want to draw a circle

<circle cx="250" cy="250" r="100" fill="yellow" />

d. Other shapes are possible such as polygons!

<polygon points="0,0 500,0 500,500 0,500" fill="red" />

e. We can also use colours the computer understands - hex colours! Take a look at this from Google : www.google.co.uk/design/spec/style/color.html#color-color-palette

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment