michaelarob,Michaela Robinson,github

accessibility-fixer-upper

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

action-hero-card-with-actions

Create a card interface with a toolbar of actions using <img srcset> and SVG icons.

animal-rescue-website

Re-design an animal rescue website by applying everything learned this term.

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.

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-accessibility

A quick look at some basic additions to a website to make it more accessible.

but-em-buttons

An exercise making a banner with a button that transitions to hover & active states.

button-styles

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

button-systems

Explore how to use and change the default set of buttons provided by Modulifier.

call-to-action-banner

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

cards

Dig into the browser’s layout models to make a simple, flexible informational design.

columns-of-cards

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

coming-soon-page

Create a business card website to act as the coming soon page for your portfolio.

confectionery-website-prototype

Create a wireframe/prototype for a confectionery website—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-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.

different-crops-same-image

Use the picture tag to create a responsive banner that adjusts the image to fit the screen while maintaining the design aesthetic better.

dinosaur-designs

Assets for an in-class pair programming exercise that introduces CSS.

ecommerce-pattern-library

A term-long project redesigning an ecommerce website focusing on making a pattern library.

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.

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.

michaelarob Goto Github PK

Michaela Robinson's Projects

Recommend Projects

Recommend Topics

Recommend Org