tessasherinsnidal Goto Github PK

accessibility-fixer-upper

Fix and debug all the accessibility problems found in this website.

animated-clock

Use CSS keyframe animations to make a clock face with rotating hands.

background-images

Use multiple images as background to create more complex design solutions.

banner

Use a type system with a little bit of CSS to create a banner.

basic-jekyll-site

Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.

button-styles

A CSS code exercise looking at using multiple classes to create consistent styles.

buttons

Write the CSS for all the different button styles in your dog rescue pattern library.

call-to-action-banner

Use CSS position along with float to create a call to action banner.

choosing-a-domain

columns-of-cards

Use the CSS float property to create a column layout with four cards inside.

confectionery-website

Create a single-page website for a confectionery store—showing what you learned this term.

contact-form

Create a functional website contact form using Formspree as the message sender.

content-page

Using a big chunk of content and Typografier, design the content to it looks properly formatted.

content-semantics

Write the HTML code for the beets activity concentrating on semantics only.

css-concatenation

Learn how to combine many CSS files together into a single CSS file for better performance.

css-validation-fixes

Work through all the validation errors, indentation problems, & file issues.

data-table

Create a chart of data using HTML table elements.

designing-form-errors

Write up code for accessible, well designed form error messages with a little Javascript to help.

dog-rescue-pattern-library

A term-long project redesigning a dog rescue website focusing on making a pattern library.

dog-rescue-redesign-ux

Create all the stuff Jed would expect from you before starting to write any code.

embed-containers

A quick, simple assignment to get practice using embed containers.

events-calendar

Use HTML table elements to create a calendar of events.

exploding-robot-head

Use position relative & absolute to make this robot head explode when hovered.

fastness-fixer

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

first-website

My first website ever!

fork-pass-tests

A demo repository to get practice forking and passing automated tests.

grid-ception

Using the Gridifier system and embedding grids within grids to make more complex layouts.

grid-layout

Create a grid-based, responsive layout using the Gridifier tool.

header-icons

Use float to add navigation and two image icons to the header of a website.

hero-banner

Use CSS position to make a hero banner with text displayed in front of an image.