mackenzierose Goto Github PK

all-about-images

This repository serves as an informational guide to summarize image exports for web.

berry-blobber

Explore using objects and arrays by writing a function to output some berry information.

components-on-a-grid

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

contact-list-generator

Use Javascript to create a data structure representing contact information and display it on the page.

distributed-cards

Use Flexbox in a column direction to create distributed cards.

ecommerce-pattern-library

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

euro-just-doing-semantics

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

flexible-info-card

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

habico-logo-animation

Site load animation for WM client

hear-me-oh-content

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

hidden-message-fixer

Find the hidden message by fixing the HTML, CSS & Javascript bugs.

holiday-card-for-thomas

Happy Holidays, Thomas!

hvac-icon-animation

Animated SVG states for WeatherMakers

insect-injector

Given a complete function, determine the correct data format for the information to be output correctly.

interactive-hamburger-menu

Quick menu interaction for WebMarketers

korean-vocab

kraken-good-accessibility

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

letter-looper

Make a small Javascript program that accepts a letter and spits it out 10 times.

letter-looper-triangle

Make a small Javascript program that accepts a letter and spits it out a triangle of the letter.

loading-animation

Page load animation for Davies Group

modularity-mindfulness

Practice adjusting grids & flexbox items using media queries.

more-than-just-datum

Create a prototype interface for a playground finder app using tables & forms.

phrasal-template-generator

A Javascript coding exercise where a user will be able to generate 1 of 3 random stories.

pretty-products

Apply CSS Grid & Flexbox to a product listing page layout.

responsive-recipe-book

Taking the recipe book from your previous Typography class and turn it into a responsive website.

scroll-animation

Animating a scroll-bound logo element

svg-icon-sets

Use SVG icons sets to create a small layout with different icons.

tailwindcss-setup-examples

template-areas-test

template.repository

Code for portfolio site