Pinned Repositories
accessibility-fixer-upper
Fix and debug all the accessibility problems found in this website.
animated-clock
Use CSS keyframe animations to make a clock face with rotating hands.
assignment-5
background-images
Use multiple images as background to create more complex design solutions.
banner
Use a type system with a little bit of CSS to create a banner.
basic-jekyll-site
Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.
berry-blobber
Explore using objects and arrays by writing a function to output some berry information.
box-model
choosing-a-domain
sagehartly's Repositories
sagehartly/accessibility-fixer-upper
Fix and debug all the accessibility problems found in this website.
sagehartly/background-images
Use multiple images as background to create more complex design solutions.
sagehartly/banner
Use a type system with a little bit of CSS to create a banner.
sagehartly/basic-jekyll-site
Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.
sagehartly/berry-blobber
Explore using objects and arrays by writing a function to output some berry information.
sagehartly/choosing-a-domain
sagehartly/circle-colourer
Use Javascript form events to adjust the background colour of a circle on the screen.
sagehartly/circle-maker
Use Javascript keyboard events so that when a key is pressed a circle shows up randomly on the screen.
sagehartly/coming-soon
sagehartly/css-concatenation
Learn how to combine many CSS files together into a single CSS file for better performance.
sagehartly/designedbysage.ca
sagehartly/effect-triggers
Make buttons trigger effects on HTML elements on the page.
sagehartly/fastness-fixer
Fix a bunch of performance problems and pass the performance budget.
sagehartly/grain-globber
With an already made array of grains, create a layout in the HTML with jQuery & CSS.
sagehartly/grid-layout
Create a grid-based, responsive layout using the Gridifier tool.
sagehartly/html-rearranger
Use Javascript & jQuery to manipulate an HTML file an rearrange the content.
sagehartly/html-writer
Write all the necessary HTML for the content in the Semantics Schemantics group activity.
sagehartly/infographic-effects-interactivity
Finish off the infographic by adding CSS effects and Javascript interactivity.
sagehartly/insect-injector
Given a complete function, determine the correct data format for the information to be output correctly.
sagehartly/js-heart-css
Use Javascript & jQuery to select elements in an HTML file and manipulate their CSS.
sagehartly/lazy-loading-images
Look at creating a fast website with lots of images, some loaded without Javascript & more loaded with Javascript.
sagehartly/portfolio
sagehartly/randomized-starfield-banner
Use Javascript and CSS effects to make a banner with an animated random starfield in the background.
sagehartly/responsive-image-section
Create a responsive section that has an image on it's left half.
sagehartly/retro-sign
Create a simple lightbox with Javascript and CSS effects.
sagehartly/section
Using the finalized HTML and basic CSS, complete the layout by adding Typografier & associated classes.
sagehartly/simple-chat-app
A very simple single session chat app written in node.
sagehartly/simple-to-do-list
Use Javascript & jQuery to make a simple to-do list.
sagehartly/video-background
Create a video background for the header of a website.
sagehartly/video-controls
A lesson on making a custom play/pause button for an embedded video.