Software Development Portfolio

SWAPTOP

Includes Design, UX and Frontend Development

Introduction

Swaptop is a JQuery plugin I developed as a utility on my old website's design. It provided users with the capability of swapping code samples between Visual Basic and C# code as well as social media options for Like/Follow and various shares including reddit, facebook, and twitter. Also included is a "back to top" feature that allowed the user - at any time - to scroll back to the top of the page.

The widget's name SWAPTOP was a play on its ability to swap the code and take you back to the top of the page.

Initial Ideas

Initially we wanted to offer readers a choice as to what code they'd like to see in order to make the blog articles more educational and this is what we came up with.

A simple jQuery .show() and hide() on the divs that contained the code blocks facilitated our need. These buttons simply provided the user access to achieve it.

Final Concept

Since SWAPTOP would always appear off to the side of the page, we figured it would be an unobtrusive way to include Social Media sharing buttons. These just hit the respective sharers for each API in order to post the content from the currently viewed blog article on the user's profile.