kaikeekat Goto Github PK

html-validation-fixes

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

html-writer

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

icon-cards

Combine together grids, modular type & CSS components to make a series of link cards with icons.

icon-group

Write the missing HTML for an icon group by figuring out what the already complete CSS wants to do.

icon-navigation

Combine together grids, modular type & CSS components to make a responsive navigation with icons.

icons

Use CSS modules & Modulifier to create a very basic list with icons.

image-grid

Use float and media queries to make a grid of images responsive for different screen sizes.

interactive-polaroids

Create interative polaroid images with CSS transitions and transforms.

interactive-svg

Make an embedded SVG graphic with animations & transitions.

javascript-less-carousel

Learn to implement a functional and reusable carousel without Javascript.

jekyll-portfolio

kraken-good-type

Given some complete HTML, write the CSS to match the mockups in the screenshots.

leafy-decorations

Use background images to create design elements on a masthead & banner.

list-groups

A small, super simple exercise to get practice using list groups.

lists-n-grids

Create a list-based layout using grid and type systems.

masthead-semantics

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

modular-nav

Create a modular navigation using the grid and type systems.

navigation-highlight

A code exercise to practice highlighting the current page in website navigation.

portfolio

portfolio-microdata

Look at writing the code necessary for describing portfolio piece using Microdata and Schema.org.

refined-grid-ception

Combine the grid-ception assignment from earlier in term with a type system to make it look nicer.

registration-form

Create a registration form using HTML’s form & input elements with functionality supplied by Formspree.

responsive-banner

Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.

responsive-header

Use float and media queries to make a responsive website header.

responsive-image-caption

Create a responsive image and caption using the CSS position properties and media queries.

responsive-image-section

Create a responsive section that has an image on it's left half.

responsive-photo-gallery

Combine together grids, modular type & CSS components to make a responsive photo gallery.

responsive-section

Use media queries and float to make a responsive section on a website with three columns.

responsive-typography

Use media queries to enhance the typography of a website for different screen sizes.

restaurant-website

Create a wireframe/prototype for the restaurant website you planned and designed in another class.