Kyle Sousae's repositories
type-those-grids
Apply basic CSS Grid layouts to a simple typography-focused layout.
dealing-with-whitespace
Spend some time looking spacing in typography: margins, paddings, line-length, line-height, etc.
stylish-beets
Style the beets HTML file from an earlier week to match the screenshots.
css-validation-fixes
Work through all the validation errors, indentation problems, & file issues.
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.
code-a-website
Follow some wireframes, a sitemap & given some content, write the HTML for a full website.
plan-a-website
Given content & wireframes for a website, plan out the appropriate sitemap.
accessible-content-for-all
Apply accessibility best practices to some HTML content to make it better for everybody.
html-validation-fixes
Sift through the files and code and fix all of the errors.
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.
layout-to-code
Given a website layout wireframe, determine the correct, semantic HTML elements.
speak-the-look
Record yourself reading out some CSS to get practice joining the language & code parts of your brain.
content-to-code
Given a chunk of content, determine the groups & HTML tags—without writing any code.