Featured Work

RateSupermarket.ca: Responsive Design

RateSupermarket.ca is a large scale financial services comparison site that has recently undergone a full redesign. Collaborating with the UX designer, the small development team has overhauled the site to create a new fully responsive experience. It is built on the CodeIgniter PHP framework, and features integration with a custom CMS.

Technologies Used:

  • CSS3
  • HTML5
  • JavaScript
  • jQuery
  • PHP
  • Responsive Design
  • Sass

navHighlighter: jQuery Plugin

navHighlighter is a jQuery plugin that will create a subtle underline on the active navigation links letting your users know where they are on your page. When you hover the links, or scroll between the sections of your website, the underline will animate in.

Technologies Used:

  • CSS3
  • HTML5
  • JavaScript
  • jQuery

Sweet Tooth: API Web App

Sweet Tooth is a responsive web application that helps you find your favourite treats in the city of your choosing.  The web app uses multiple AJAX calls to pull JSON data from the FourSquare API.

Technologies Used:

  • API
  • CSS3
  • HTML5
  • JavaScript
  • jQuery
  • Responsive Design

Square Gallery: A jQuery Gallery

A photo gallery created with Javascript & jQuery. Includes custom modal for viewing a larger version of the images.

Pair Programmed with Allison Tarr.

Technologies Used:

  • CSS3
  • HTML5
  • JavaScript
  • jQuery

Hotel Luxen: Responsive Design

Built a fully responsive homepage for a fictional client based on a PSD mockup. It includes custom CSS/Sass hover states and functional sliding image gallery.

Technologies Used:

  • CSS3
  • HTML5
  • Responsive Design
  • Sass

About Me

WC1_3886_hb

Hey there! I’m Heather and I’m a Front-End Web Developer based in Toronto. I love creating beautiful looking websites backed by equally beautiful code. I love working with HTML5, CSS3/Sass, Responsive Design, JavaScript, jQuery, and WordPress.

I spent the last two years as a visual merchandiser creating store and window displays, and realized I have an obsession with making. Without previous coding experience, I took a Ladies Learning Code workshop and was hooked. I quickly enrolled at HackerYou, taking both the part-time HTML and CSS course and Front-End Development Bootcamp.

If I'm not coding I'm either hunting down a new brunch place, planning a DIY project, or trying to teach myself calligraphy.

Interested in working with me? Send me an email - hello@heatherbanks.ca. I'm always available for coffee!

View Resume

I Love Using

  • HTML5
  • CSS3 + Sass
  • Responsive Design
  • JavaScript + jQuery
  • WordPress

I'm Learning

  • Photoshop
  • SVGs + Animations
  • Angular JS

I Want to Learn

  • D3 Animations
  • HTML Canvas

hello@heatherbanks.ca

- or -



  • Name



    Email



    What Should We Talk About?



    Tell Me More!