Michael Hyland

I started this journey while studying graphic design in college where some of my early gigs involved collaborations with web developers. I was surprised to see how relative both fields were so decided to give development a try. Through trial and error, I found an artistic gateway to coding that made me fall in love with the whole design process.

My main focus these days is building custom websites for small businesses and non-profits. Depending on the scenario I'll either use Shopify, WordPress, or build a static site from scratch. Whatever the case, everything I do is meticulously hand-crafted to meet user needs and client satisfaction.

When I'm not at the computer I'm either enjoying the outdoors, doodling in my sketchbook, eating Mexican food or watching a really bad horror film.

• Montgomery Street

  E-Commerce store for a Portland-based fashion brand. Built on the Shopify platform with a modified version of the Prestige theme. Custom coded filters for collection and product pags. Currently in production... demo coming soon!

  • Shopify
  • Liquid
  • CSS
  • Affinity
• CPG Market Makers

  Static landing page built with 11ty for a consumer packaged good marketing company. The design choices were informed by the competitor analysis I conducted early in the build process.

  • 11ty
  • Decap CMS
  • JavaScript
• Artemis Group

  Brochure style website to showcase bespoke furniture made by a collective of Seattle-based craftsmen. We were going for an minimalist/elegant vibe. I customized the flickity image slider so it didn't clash with the existing code.

  • 11ty
  • Flickity
  • JavaScript
  • Netlify

• NOV 27 2023

  Dark Mode

  A Step-By-Step Guide

  This is the code I use to impliment dark mode across all my websites. Set up is a cinch. Feel free to hijack for your own projects.

  • HTML
  • CSS
  • JavaScript
• OCT 11 2023

  Easy CSS Concatenation

  How To Keep Your Sanity

  There are instances where concatenating content files into a singular top-level template becomes beneficial. For example, merging all component CSS into a single CSS file might be a preferred approach.

  • CSS
  • 11ty
  • Nunjucks
• SEP 2 2023

  Event Listeners + Event Bubbling

  Work Smarter, Not Harder

  "Event bubbling" refers to the process where an event triggered on a DOM element propagates through its parent elements. Consequently, each parent element with an event listener will react to the event. Within the event handling process, it's crucial to filter and specify which elements we intend to respond to.

  • JavaScript