Noah Boothroyd
Mobile-First Front-End Developer
Clients
Gerald vanHeerden's Directorial Portfolio
A WordPress powered portfolio and resume site to show off the directorial work of Mr. Gerald vanHeerden. The theme was custom-developed and designed for Mr. vanHeerden. Notable work includes the News Reel - a redesign of the WordPress blogging layout to suit a client who doesn't blog, but rather wished to use it to publish and crosspost short, punchy news blasts. The redesign made heavy use of custom post formats. The theme also contains basic built-in theme customizer functionality. It was built using an older toolset associated with the starter theme Sage - namely, Gulp for automated CSS and JS chores, and Bower for package management.
Technology
Pens
Bank Marketing Email Template
Trying out Foundation for Email as an alternative to Bootstrap, since Bootstrap email support doesn't seem as strong. Did it the hard way with tables nested unto infinity instead of using Inky because I suspect Inky and Codepen wouldn't play well together. The company represented is fake, all images used are credited and linked in the code.
Technology
Debut Mode Prototype Design
A prototype design of the Debut Mode of my current theme project, specialized for authors. Intended to be one of two toggleable front page designs - most themes focus on galleries for book covers, assuming all authors are prolific and/or experienced. This design is for the newbie who has their first novel coming out next year, or perhaps has only one or two books to their name thus far. Uses a non-bootstrap collapsing sidebar menu for mobile-friendliness. The twitter widget is fake/design-only right now, but I'm planning to come back to it when I'm more experienced with React to make it something that works as well. Also uses the custom ebook font put together by me using IcoMoon (Nook, IndieBound, and Kobo icons created by me, rest are IcoMoon).
Technology
Book Form UI Validation with ISBN
An experimental form to submit book information. The main feature is the JS-based validation of the book's ISBN - the serial number that is used by published books, and has its own algorithm built into the number to detect validity. The original function for ISBN validation was written in PHP and was refactored into JavaScript.
Technology
Book Form jQuery Repeater for Buy Links
More noodling with the book form - this time with a new Buy Links section. Used the jquery.repeater plugin to power the whole thing. The dropdown allows you to select an icon representing the storefront that would appear next to the link on the theoretical front-end. Made a lot of use of Bootstrap's input-group features for this one. About half of the icon font used is custom made by me (specifically the Nook, IndieBound, and Kobo icons), and the rest come from IcoMoon Free.