##Paper Tasks: Today we learned the importance of working on paper first before developing anything on screen.
##[Point] (https://www.flickr.com/photos/134990026@N08/albums/72157660307583438 "Point") Task: 1 Point, 2 Points, 3 Points, 5 Points & 50 Points. Our task was to be creative and design a series of phone backgrounds using point and circles.
##[Line] (https://www.flickr.com/photos/134990026@N08/albums/72157661091725925 "Line") Task: 1 Line, 2 Lines, 3 Lines, 5 Lines & 50 Lines. This week we had a taks to create a series of laptop backgrounds using lines.
##[Plane] (https://www.flickr.com/photos/134990026@N08/albums/72157661019762486 "Plane") Task: 1 Plane, 2 Planes and 9 Planes. For week 3 we had to create our own fonts using Fontstruct using plane and shapes. To do this we used FontStruct.
##[Type Poster] (https://www.flickr.com/photos/134990026@N08/albums/72157660309919248 "Type Poster") *Task:Our first project for this module was to create an A3 Type Specimen Poster based on one of the fonts.
- Jenson
- Bembo
- Garamond
- Caslon
- Baskerville
- Bodoni
- Akzindenz-Grotesk
##[Type] (https://www.flickr.com/photos/134990026@N08/albums/72157661093038001 "type poster") We had to use the letter 'M' in a variety of ways, and then had to choose two letters and join them in six ways and then complete a kerning exercise, experimenting with the space between letters.. In addition to these, this weeks task was to create a [Movie Poster] (https://www.flickr.com/photos/134990026@N08/albums/72157661093038001 "Movie Poster") in the minimalist style of Josef Müller Brockmann.
##[Colour] (https://www.flickr.com/photos/134990026@N08/albums/72157658763426753 "adding colour") Taking one of our previous projects we had revisit it using colour. Considering how complimentary, analagous or primary/secondary colours affect the design.
####Using the story of John Baskerville as a starting point the screen-based exercises will ground us with a solid understanding of HTML5 and CSS3, the building blocks of web-based content.
##[HTML] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/readme2.md "HTML work") Taking the raw John Baskerville text as our starting point we ceated a simple HTML page on our GitHub page.
[HTML5 page - version 1] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/john_baskerville_version1.html "version 1")
##[HTML] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/readme2.md "HTML work") we improved upon our John Baskerville text and created 2 more versions; version 2 was with the addition of lists, and version 3 was with the addition of links and page anchors.
[HTML page - version 2] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/john_baskerville_version2.html "version 2")
[HTML page - version 3] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/john_baskerville_version3.html "version 3")
##[HTML] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/readme2.md "HTML work") We learned to add images to our Baskerville text and also how to resize images. [HTML page - version 4] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/john_baskerville_version4.html "version 4")
##[CSS] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/readme2.md "HTML work") we learned how to style our Baskerville pages by adding the first set of CSS rules HTML page - version 5
##[CSS] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/readme2.md "HTML work") we worked with CSS reset and restyled the Baskerville pages HTML page - version 6
##[CSS] (https://github.com/Chriskeno/john-baskerville/blob/gh-pages/readme2.md "HTML work") We learned how to make our pages look more presentable with images, backgrounds and kerning etc HTML page - version 7