sk16ck,Cole Allen,github

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.

hide-show-responsively

Use media queries and responsive design techniques to hide and show content on different screen sizes.

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.

interactive-polaroids

Create interative polaroid images with CSS transitions and transforms.

interactive-svg

Make an embedded SVG graphic with animations & transitions.

intro-to-github

A quick intro repo for working w Github

javascript-less-carousel

Learn to implement a functional and reusable carousel without Javascript.

just-your-type

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

kraken-good-accessibility

Fix some accessibility problems for VoiceOver & make sure the document prints properly.

leafy-decorations

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

link-card

Making a card pattern that is completely clickable.

list-groups

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

making-responsive-grids

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

markbot

An application that automatically tests and marks student code assignments in Algonquin College Graphic Design’s Web Dev courses.

masthead-semantics

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

me-oh-my-html

Write all the necessary HTML for the content in the All ’bout them semantics group activity.

micro-interface-branding

A lesson on making the minimal/necessary amount of favicons at different dimensions & getting them to load.

modularity-mindfulness

A simple review exercise exploring grids, type systems & modular CSS

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.

only-keyboards-allowed

Solve keyboard focus problems in this small accessibility-related exercise.

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-image-section

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

sk16ck Goto Github PK

Cole Allen's Projects

Recommend Projects

Recommend Topics

Recommend Org