Full stack web developer with a focus on creative front end solutions

skill set Extensive experience with CSS/SASS and HTML specializing in responsive, mobile first web development. JavaScript is my programming language of choice for front end and back end development. PHP is also a part of my toolset from past WordPress development.

JavaScript

  • Search result systems with pagination, sorting, and filters.
  • Creating widgets complete with click tracking analytics including Adobe Omniture end Tealium.
  • Requesting and manipulating data from APIs for use on the front end.

SASS

  • Styling with modular patterns such as the BEM syntax and grid systems
  • Creating fully responsive pages and features (like this page)
  • Developing with performance, accessibility, and cross-browser support in mind.

Sales Force

  • Developing for large scale eCommerce with a focus on site performance.
  • Experience with the SalesForce Commerce Cloud API's
  • Enabling custom site content curation via Business Manager.

WordPress

  • Extending WordPress themes
  • Developing reusable widgets and plugins that are customizable in the WordPress admin panel.
  • Creating custom site templates

projects Some of my past work.

«
  • The Boston Globe article template and site header»
    • Completely rewrote the Boston Globe site header and article templates for better performance and web accessbility.
    • Created front end displays for live updates including the Breaking News bar and a real-time Boston sports scoreboard.
    • Supported mobile and desktop design with a takeover navigation experience.
  • Boston Globe Real Estate site »
    • Played a major role in implementing the latest redesign of the Homepage.
    • Created the layout for the property detail page, including a realtor contact features.
    • Developed front end and logic for search functionality.
  • Codevember 2016 »
    • Created 1 interesting hover effect each day in November. I made it half way through the month :)
    • Each hover effect is controlled by a single class and requires no extra markup.
    • The code to create the effect is included under the demo for anyone to use.
»

Samples A few demos of front end components using CSS keyframe animations and vanilla JavaScript.

Analog Clock

The classic analog clock, recreated with CSS and JavaScript!


A smooth radial gradient on the clock face, paried with a fine tuned bezier-curve provides a skeuomorphic effect as the clock ticks. The alignment of each clock hand is calculated in degrees based on the current moment in time.


This sample provides a realistic look and feel with each passing second.

Share Tools (hover)

Social share tools in a rollout drawer.

Timer

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
:
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
:
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

Smooth scrolling timer!

Currently displaying time elapsed since page load.