harmonyGraham's repositories
web-design-2-project
my first independant project for web design 2/
product-page
Design and build a product page for multiple screen sizes using media queries.
pretty-products
Apply CSS Grid & Flexbox to a product listing page layout.
stunning-start-page
Use your grid & flexbox skills to make a full website homepage.
distributed-cards
Use Flexbox in a column direction to create distributed cards.
distributed-navigation
Use Flexbox to create a horizontal navigation with lots of different components.
type-those-grids
Apply basic CSS Grid layouts to a simple typography-focused layout.
stylish-beets
Style the beets HTML file from an earlier week to match the screenshots.
dealing-with-whitespace
Spend some time looking spacing in typography: margins, paddings, line-length, line-height, etc.
use-all-the-selectors
A CSS exercise refreshing and teaching about all the different selectors.
dinosaur-designs
Assets for an in-class pair programming exercise that introduces CSS.
css-validation-fixes
Work through all the validation errors, indentation problems, & file issues.
code-a-website
Follow some wireframes, a sitemap & given some content, write the HTML for a full website.
html-validation-fixes
Sift through the files and code and fix all of the errors.
accessible-content-for-all
Apply accessibility best practices to some HTML content to make it better for everybody.
masthead-semantics
Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.
content-semantics
Write the HTML code for the beets activity concentrating on semantics only.
html-document-setup
Create a valid HTML document with all the right starter code.
using-markbot
A demo repository to get practice forking and passing automated tests with Markbot.
myfirstwebsite
this is my first website on GitHub
plan-a-website
Given content & wireframes for a website, plan out the appropriate sitemap.
arrrgenes-treasure-tours
Fix colour contrast & colour blindness related problems on a piratey tourism website.
layout-to-code
Given a website layout wireframe, determine the correct, semantic HTML elements.
no-sketch-no-grid
Pre-plan the grids & HTML semantics for a website that you’ll code later.
content-to-code
Given a chunk of content, determine the groups & HTML tags—without writing any code.