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