mcle0341's repositories
origamist
website based on origami
2018
The 2018 Algonquin Design Grad website.
comingsoon
coming soon page for portfolio website
simple-to-do-list
Use Javascript & jQuery to make a simple to-do list.
design_content
design and content of portfolio website
infographic-effects-interactivity
Finish off the infographic by adding CSS effects and Javascript interactivity.
randomized-starfield-banner
Use Javascript and CSS effects to make a banner with an animated random starfield in the background.
retro-sign
Create a simple lightbox with Javascript and CSS effects.
grain-globber
With an already made array of grains, create a layout in the HTML with jQuery & CSS.
phrasal-template-generator
A Javascript coding exercise where a user will be able to generate 1 of 3 random stories.
effect-triggers
Make buttons trigger effects on HTML elements on the page.
circle-colourer
Use Javascript form events to adjust the background colour of a circle on the screen.
circle-maker
Use Javascript keyboard events so that when a key is pressed a circle shows up randomly on the screen.
html-rearranger
Use Javascript & jQuery to manipulate an HTML file an rearrange the content.
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.
insect-injector
Given a complete function, determine the correct data format for the information to be output correctly.
animated-clock
Use CSS keyframe animations to make a clock face with rotating hands.
berry-blobber
Explore using objects and arrays by writing a function to output some berry information.
hidden-message-fixer
Find the hidden message by fixing the HTML, CSS & Javascript bugs.
image-tabs
Practice using CSS :target by making image tabs.
music-control-bar
Practice using position, absolute, and relative by recreating a music control bar.
responsive-banner
Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
js-heart-css
Use Javascript & jQuery to select elements in an HTML file and manipulate their CSS.
responsive-infographic
Take an infographic created in an earlier class and convert it to a responsive interactive website.