Kevin McIntyre's repositories
portfolio-microdata
Look at writing the code necessary for describing portfolio piece using Microdata and Schema.org.
video-background
Create a video background for the header of a website.
basic-jekyll-site
Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.
robot-parts-co
A lesson in using honest SEO techniques and microdata to optimize a website.
dog-rescue-pattern-library
A term-long project redesigning a dog rescue website focusing on making a pattern library.
javascript-less-carousel
Learn to implement a functional and reusable carousel without Javascript.
designing-form-errors
Write up code for accessible, well designed form error messages with a little Javascript to help.
svg-icon-sets
Use SVG icons sets to create a small layout with different icon.
interactive-svg
Make an embedded SVG graphic with animations & transitions.
animated-clock
Use CSS keyframe animations to make a clock face with rotating hands.
interactive-polaroids
Create interative polaroid images with CSS transitions and transforms.
responsive-banner
Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
dog-rescue-redesign-ux
Create all the stuff Jed would expect from you before starting to write any code.
infographic-effects-interactivity
Finish off the infographic by adding CSS effects and Javascript interactivity.
retro-sign
Create a simple lightbox with Javascript and CSS effects.
randomized-starfield-banner
Use Javascript and CSS effects to make a banner with an animated random starfield in the background.
effect-triggers
Make buttons trigger effects on HTML elements on the page.
simple-to-do-list
Use Javascript & jQuery to make a simple to-do list.
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.
grain-globber
With an already made array of grains, create a layout in the HTML with jQuery & CSS.
html-rearranger
Use Javascript & jQuery to manipulate an HTML file an rearrange the content.
js-heart-css
Use Javascript & jQuery to select elements in an HTML file and manipulate their CSS.
berry-blobber
Explore using objects and arrays by writing a function to output some berry information.
insect-injector
Given a complete function, determine the correct data format for the information to be output correctly.
hidden-message-fixer
Find the hidden message by fixing the HTML, CSS & Javascript bugs.
phrasal-template-generator
A Javascript coding exercise where a user will be able to generate 1 of 3 random stories.
letter-looper-triangle
Make a small Javascript program that accepts a letter and spits it out a triangle of the letter.
letter-looper
Make a small Javascript program that accepts a letter and spits it out 10 times.