Adria Mooney

Portfolio

Disclaimer: this page is tested in the most recent versions of Firefox, Chrome and Safari only. Use a modern browser for goodness sake. Also, this page uses iframes for demonstration, please excuse slow load time.

Mobile Design and Code

I noticed that a significant portion of Credit'com's traffic to the bad credit card page came from mobile devices. I designed and coded a mobile optimized version of the page. Compare this to the original design. My first version of this page used media queries, but due to performance issues I recoded as a separate page and redirect using user agent detection.

Wordpress Implementation – Customized Thesis Theme

Highly customized implementation of wordpress starting with the Thesis theme. Featured in Thesis design gallery showcase as a "killer customization". This project also involved a large content migration from Typepad to Wordrpess. Uses custom post types and feeds for use as a CMS. Custom JQuery/PHP featured posts on front page.

JQuery Modification of NextGen Gallery

This modification started with the carousel template of NextGen Gallery, and added functionality for navigation using thumbnails and prev/next buttons. Each slide stays on the same page, but in the background a unique pageview is sent to Google Analytics each time you click on a new slide. Check out the code and explanation.

Graphic Design

Web design, logo design, and print design for Power 9 Pro using Adobe Fireworks and Photoshop. This lightbox is a modified version of Futurebox, which uses CSS only, no javascript.

Bulletproof Buttons

CSS3 buttons that can easily be extended to different colors and sizes. Nice CSS3 gradients, shadows and rounded corners for modern browsers. For old ie users, they get the proprietary filter property for a gradient, and rounded corners via JQuery corners.

blue large button

blue medium button

blue small button

gray large button

gray medium button

gray small button

dark gray large button

dark gray medium button

dark gray small button

green button arrow ▶

green large button

green medium button

green small button

I also created a jsp tag as a shortcut for creating buttons on jsp pages in this format:

<tagnamespace:button title="click here" href="/" buttonColor="green" size="medium" />

Javascript Calculator

My first large javascript project, this calculator uses a formula with 3 variables to calculate credit card repayment time and amount in interest. The answer is appended to the DOM without the use of innerHTML.

Code – Credit Match and Compare Credit Cards

Credit Match is an interactive interface that allows users to select their credit level and get matched to credit offers. Uses HTML5, CSS, JQuery, AJAX, XSLT, JSP.

Compare credit cards is jquery/AJAX functionality for comparing credit cards by putting them in a "compare bin".

Design and Code – www.power9pro.com

Design and code of Power 9 Pro website. Home page features JQuery plugins for scrolling content and hover-zooming images. Product pages feature javascript for prev/next images and tab navigation.

Design and Code – DeckRocket and RestorationLocal

Design and code of DeckRocket beta testing campaign. CSS3 and HTML5 design, JQuery image slider, Jquery/AJAX signup form.

Design and code of successful PPC landing page for restoration company. HTML5 and CSS3.

Custom Wordpress Themes (Coded to Match Clients' Design)

HTML5, semantic Wordpress theme templates coded to match designs provided by clients