Pinned Repositories
animated-clock
Use CSS keyframe animations to make a clock face with rotating hands.
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
circle-maker
Use Javascript keyboard events so that when a key is pressed a circle shows up randomly on the screen.
css-concatenation
Learn how to combine many CSS files together into a single CSS file for better performance.
dsn1674-assignment-3
dsn1674-assignment-4
dsn1674-assignment-5
intro to floats.
HeatherAnn's Repositories
HeatherAnn/animated-clock
Use CSS keyframe animations to make a clock face with rotating hands.
HeatherAnn/basic-jekyll-site
Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.
HeatherAnn/berry-blobber
Explore using objects and arrays by writing a function to output some berry information.
HeatherAnn/circle-maker
Use Javascript keyboard events so that when a key is pressed a circle shows up randomly on the screen.
HeatherAnn/css-concatenation
Learn how to combine many CSS files together into a single CSS file for better performance.
HeatherAnn/effect-triggers
Make buttons trigger effects on HTML elements on the page.
HeatherAnn/grain-globber
With an already made array of grains, create a layout in the HTML with jQuery & CSS.
HeatherAnn/hidden-message-fixer
Find the hidden message by fixing the HTML, CSS & Javascript bugs.
HeatherAnn/html-rearranger
Use Javascript & jQuery to manipulate an HTML file an rearrange the content.
HeatherAnn/image-tabs
Practice using CSS :target by making image tabs.
HeatherAnn/infographic
HeatherAnn/infographic-effects-interactivity
Finish off the infographic by adding CSS effects and Javascript interactivity.
HeatherAnn/insect-injector
Given a complete function, determine the correct data format for the information to be output correctly.
HeatherAnn/interactive-polaroids
Create interative polaroid images with CSS transitions and transforms.
HeatherAnn/interactive-svg
Make an embedded SVG graphic with animations & transitions.
HeatherAnn/js-heart-css
Use Javascript & jQuery to select elements in an HTML file and manipulate their CSS.
HeatherAnn/lazy-loading-images
Look at creating a fast website with lots of images, some loaded without Javascript & more loaded with Javascript.
HeatherAnn/letter-looper
Make a small Javascript program that accepts a letter and spits it out 10 times.
HeatherAnn/letter-looper-triangle
Make a small Javascript program that accepts a letter and spits it out a triangle of the letter.
HeatherAnn/music-control-bar
Practice using position, absolute, and relative by recreating a music control bar.
HeatherAnn/official-website
A website displaying various works by Heather Bisaillion.
HeatherAnn/phrasal-template-generator
A Javascript coding exercise where a user will be able to generate 1 of 3 random stories.
HeatherAnn/planets-of-the-universe
A small website with details on many planets and up-to-date news.
HeatherAnn/portfolio-website
Portfolio website for Heather Bisaillion.
HeatherAnn/randomized-starfield-banner
Use Javascript and CSS effects to make a banner with an animated random starfield in the background.
HeatherAnn/responsive-infographic
Take an infographic created in an earlier class and convert it to a responsive interactive website.
HeatherAnn/retro-sign
Create a simple lightbox with Javascript and CSS effects.
HeatherAnn/robot-parts-co
A lesson in using honest SEO techniques and microdata to optimize a website.
HeatherAnn/video-background
Create a video background for the header of a website.
HeatherAnn/video-controls
A lesson on making a custom play/pause button for an embedded video.