cajswehst,Caj S Wehrstedt,github

accessible-content-for-all

Apply accessibility best practices to some HTML content to make it better for everybody.

animated-clock

A lesson in using CSS keyframe animations to make a clock face with rotating hands.

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.

components-on-a-grid

Review using CSS Grid & Flexbox to create a website design.

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.

distributed-navigation

Use Flexbox to create a horizontal navigation with lots of different components.

euro-just-doing-semantics

Write all the necessary HTML for the content in the Semantics Schemantics group activity.

fancy-hover-boxes

An exercise using transitions to create hover boxes that fade from black & white to colour.

fastness-fixer

Fix a bunch of performance problems and pass the performance budget.

flexible-info-card

Review your knowledge of Flexbox with this small web design assignment.

hear-me-oh-content

Apply content accessibility best-practices while writing semantically appropriate HTML.

html-document-setup

Create a valid HTML document with all the right starter code.

html-validation-fixes

Sift through the files and code and fix all of the errors.

kraken-good-accessibility

Fix some HTML semantic accessibility problems for VoiceOver & some CSS design-specific problems.

layout-to-code

Given a website layout wireframe, determine the correct, semantic HTML elements.

masthead-semantics

Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.

modularity-mindfulness

Practice adjusting grids & flexbox items using media queries.

my-first-website

Week 3, assig 1

no-sketch-no-grid

Pre-plan the grids & HTML semantics for a website that you’ll code later.

plan-a-website

Given content & wireframes for a website, plan out the appropriate sitemap.

prefers-accessibility

Practice applying accessibility preferences in your web designs.

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.

stylish-beets

Style the beets HTML file from an earlier week to match the screenshots.

cajswehst Goto Github PK

Caj S Wehrstedt's Projects

Recommend Projects

Recommend Topics

Recommend Org