Assignments 7–14

Below are a rolling set of assignments to keep you learning and growing. They are placed in order of supposed difficulty, but can be done in any order. All are optional.

Assignment 7: Webfonts

Create a webpage that uses two different fonts. One served from Google Fonts and another that is hosted locally.

Assignment 8: Design the navigation for a website

Design the navigation for a website. Choose the website. You may want some fake content to show whether it scrolls off or stays fixed.

Assignment 9: Binder

Set up a webpage using This is Our Work's Binder template. The challenge here is as much about webhosting and learning how to install/customize an template. http://thisisourwork.net/binder-web-template/

Assignment 10: Collect your work on a single webpage

Link to your work on gh-pages. Figure out what the URL is to your work and set up an index.html file in your home directory

Assignment 11: Multi-page site

Create a home page that links to your work (wherever on the web it may be). Embed images, link to other places.

Assignment 12: CSS Flex

Flex is replacing floats as primary layout tool. Start from John's Flex framework to put the menu of http://chez-pascal.com into a flexible (responsive) framework: https://github.com/thedesignoffice/flex_framework

Assignment 13: Data-rich

Use gridspree.io to connect Google Sheets to a web page

Assignment 14: Alter theme css

Set up a website on Cargo Collective. Edit the CSS to make it your own.