joelmmartel,Joel Martel,github

horizontal-nav

Make a horizontal navigation using the CSS flow and display properties.

hot-grid-dle

Create a small layout using grids, hiding and showing units & position.

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.

html-writer

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

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.

just-your-type

A creative design project that demonstrates the skills learned so far using the Gridifier, Typographer & Modulifier.

kraken-good-accessibility

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

link-card

Making a card pattern that is completely clickable.

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.

making-an-image-card

Use CSS position absolute and relative to make an image card.

making-responsive-grids

A step-by-step guide to making a responsive grid and the different pieces of code that are needed.

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.

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.

navigation-highlight

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

registration-form

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

responsive-header

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

responsive-icon-cards

Use media queries and display to create responsive icon cards.

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

Use media queries and knowledge of how display works to create a responsive navigation.

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.

saas-website

Code the SaaS website you designed in your Interaction Design course.

section

Using the finalized HTML and basic CSS, complete the layout by adding Typografier & associated classes.

sections

Make a responsive website section with an image, blurb and a button.

joelmmartel Goto Github PK

Joel Martel's Projects

Recommend Projects

Recommend Topics

Recommend Org