Portfolio
As part of showing design skill I was provided with a static image, and asked to code it with HTML, CSS, and JavaScript. The image can be seen in the portfolio, and this is the final product. I created a bokeh effect with slight movement using JavaScript, and a star field generated using boxshadows in CSS. The quote doesn't include any additional elements(other than the dynamically created ones via JS), and is styled by simply adding a single class to the standard blockquote structure.
This is a WordPress plugin for the Jasmine JavaScript testing framework. This plugin allows developers to run their Jasmine unit tests in the WordPress dashboard, so they can get visual confirmation of passing/failing tests without the need to run CLI. This was predominately developed for use in conjunction with the BoldGrid SEO plugin, which was heavily reliant on JavaScript, and I wanted to provide a way for a normal user as well as a developer to run the unit tests before we publish the code for release to the public which had code coverage of all the functionality of the plugin.
This was the flagship theme for a company called BoldGrid. My goal with this theme was to ensure that it had partiy with the top WordPress themes in paid and free marketplaces. Aside from this the theme is ran based on configuration options, and can be fully customized to generate new themes by simply changing a couple of settings in a config file. Things like color palettes can be automatically generated and applied, font-sizes, header and footer layouts, blog designs, and much more. The majority of time invested in this project went into creating options in the WordPress customizer using the customizer's JavsScript API. Many custom controls were created to give end users fine grain control over all of their website design choices.
PostCSS is a tool to transform CSS using JavaScript. It's extremely useful for correcting/enforcing specific CSS styles, and for creating dynamically generated styles from user input. As I worked with PostCSS I ran into some needs for additional rules to enforce, and bugs with some existing libraries. Here's some of the work I've done with PostCSS:
postcss-pseudo-element-cases
PostCSS plugin to format pseudo-element casing.
postcss-pseudo-element-colons
PostCSS plugin to format single or double colon notation on pseudo elements.
postcss-hash-classname
PostCSS plugin to append hash strings to class names.
A simple example to show an understanding of using data from multiple endpoints to create dynamic content with JavaScript. Each refresh creates a card with a different color palette selection, profession, name, images, ect.
Customizer Social Icons aims to bring one of the most implemented features across websites into your WordPress Customizer. It helps to bridge the gap of not having a native Social Media Icon tool available in WordPress directly, and gives you the features you need without the overhead of a clunky non-native interface.
You can control the style of icon, colors, size, and spacing of your icons to fit your website’s needs hassle free inside of the WordPress Customizer. Any of your social media network urls found in your menus will automatically be transformed into the corresponding social media icons for you.
This design was created for a publishing and employee training company called Knapp Consultants. They approached me to design a few book cover designs for their materials. This is one of them entitled, “When the Going Gets Tough.. Ride It Out!” They wanted something colorful, and meaningful to add as a preview on their website. Knapp Consultants was trying to have something that was kind of silly, but still relevant for the topic of the book.
This was a logo designed for Sundog Music and Audio in Yorktown, Virginia. The image was created primarily for their facebook page initially, but became a part of their branding after receiving it.
This logo was designed for a campsite called Off The Grid Campgrounds in West Virginia. The goal was to capture all they had to offer, and have a natural earthy feel to it. The logo encompasses their main focus, which is renewable energy sources, and camping in nature. The logo was used to print onto t-shirts for the campground employees and to sell in the gift shop.
This plugin was developed for a company called BoldGrid. The primary focus of this plugin was to provide a feature packed SEO plugin that had a lightweight and easy to use interface that still gave clients all the right tools to ensure they are writing great content for climbing up the SERPs. This plugin was mostly designed using JavaScript and some light PHP usage, and provide realtime insights and feedback on the content being written. The plugin itself was also written to be fully covered by unit testing, which helped when identifying bugs, and when fixing or creating new features for it.
I was called into this project to help get it to it's deadline as there were delays with the group working on it. My main objective was to provide front-end design, and help with wrapping up any code that I could. This project was unique in terms of JavaScript development as I was forced to use the Prototype library that Plesk uses for modifying the frontend components. Prototype is an older library that is seldomly used in newer projects today. This was my first time working on a Plesk extension, but they provided detailed documentation that made most things very easy to understand.
I was contacted by this customer to create a design to his specifications There were many requirements from the fonts to be used to the colors to incorporate This didn’t allow for much creative flow in my process, but the customer was completely satisfied with the work.
This logo was designed to be digitized for embroidery as a patch, and also for vinyl stickers. The logo was used throughout their rebranding, and brought life to the once logoless company.
This JavaScript library was created to lint and fix textdomain usage in PHP files by WordPress plugins and themes. This was created as part of build system I developed for streamlining WordPress theme development and production.
Sometimes I like to challenge myself in designing different aspects of a project, and one area I like to experiment with is with logo implementations. As part of a optimization of a site, it's important to reduce as many external resources as possible, and also optimize any assets you have displayed. By rendering a logo in pure CSS format, you can often times save a few bytes throughout pageloads which can really add up. This is an example of a logo for the company "Mediavine", which focuses on full service ad management software for WordPress.
This was a website designed for a Newport News, Virginia company called Jupiter Computers. It was created using WordPress.
This experiment came about when JSPerf was shut down, and I no longer had a way to compare JavaScript functionality performance. I created a simple benchmarking site using CodePen so others could fork it. The text entry fields have complete support for custom coding ligatures as that's what I use when I code, and JS linting built in to ensure the code executes properly. The pen did what I needed, so I never came back to work on it further, but it can be used on CodePen
Attitude is Everything was a project that was created by the group Knapp Consultants. I was approached for this design, and given the opportunity to work on the project for them. Knapp Consultants wanted something simple, yet complex, and with a little bit of coloration in it, but nothing blinding. This description seemed like it was full of conflicting ideas when present, so I went ahead and began designing the cover right away. This is the end result of “Attitude is Everything.” This was the first cover I had done for the company, and eventually led to many more book design covers for them and other authors under the same publisher.
This is a library that was created to help the WordPress Theme Review Team scan themes and find any conflicting licenses against WordPress' GPL license. The library has all known license types and data for their long form known names, multiple known sources of URIs used to document them, SPDX identifiers, flags for deprecated identifiers, and a comprehensive list of alternative identifers commonly used. The list's data was not found anywhere collectively on the internet, and compiles data from multiple different sources and webscrapes. This gave a way to scan for incorrect data in plugins and themes hosted in the official WordPress directory.
The branding for the Apollo Taxi service in Newport News, Virginia was used on business cards, signs, and most importantly as vinyl decals to identify their fleet of vehicles.