WEB DESIGN | PHP | PHOTOSHOP & ILLUSTRATOR | FLASH | FULL SAIL

Using jQuery and tournament game data from JSON objects, I created and filled in basketball tournament brackets.

The JSON objects were created by looping through each tournament and organizing the data into JSON objects. A JavaScript file with a JSON object was created for each tournament and then ftp’d to the web server where it was used by a different JavaScript file to display a bracket.

The jQuery and JavaScript used to display the bracket parses through the JSON object which included tournament info and round by round game data. Then it built a bracket, positioned everything and appended the HTML to the bracket page to be displayed.

jQuery code snippet:

JSON object snippet:

fly1big Developed a custom WordPress theme for Fly Society. The graphic work was done by Ryan Brown. I took the Photoshop files and turned them into a working WordPress theme using CSS, HTML, jQuery and PHP with a custom front page, blog page, lookbook and where to buy page. I developed a custom jQuery slideshow for the front page with an option area in the admin section of WordPress to set what category is used for the slideshow and how many posts will be shown. Also incorporated cufon for the custom fonts on the pages and a jQuery music player plugin that I customized using CSS. The lookbook page uses jQuery to add the popup lightbox on the images with an automatic slideshow to progress through each available image. I also implemented the mailchimp email subscription form throughout the site and multiple custom WordPress functions and queries to customize the display of posts for different sections of the site. The site can be viewed here Fly Society.
Custom admin section:
flybackend

Front page code sample:
code sample

JavaScript code sample:
javascript sample

Custom WordPress shortcode that allows the user to easily insert their Twitter URL as a link by typing [mh_twitter] into a WordPress post.

Using just [mh_twitter] will display the default username and message ‘Follow me on Twitter’ into the post.

By adding attributes to the shortcode the user can customize both the Twitter username/profile link and the link text.

[mh_twitter username="somename"] will overwrite the profile link but keep the default text. The HTML would look like this

<a href="http://twitter.com/somename">Follow me on Twitter</a>

[mh_twitter username="somename"]Please follow me on Twitter[/mh_twitter] will overwrite both the profile link and the link text. The HTML would look like this

<a href="http://twitter.com/somename">Please follow me on Twitter</a>

Coded example of a WordPress plugin I made. It displays related posts after the content of the post. The relation is based on the category of the current post the user is viewing but does not include the current post. The order is random and currently just hard coded to display 3 posts in list format.

beansprout1Developed a custom WordPress Theme based on provided image, .psd files and verbal and written information. The theme allowed the client to easily edit theme options like the email address and social media links used throughout the site along with adding and removing items from the slideshow on the front page. The client can also easily edit the business information like location and hours that appears on the site in the admin area of the theme. The menu is also easily customizable from the admin area.

The site was coded using HTML, CSS, JavaScript and PHP built on WordPress. Custom WordPress functions were needed to complete the task. The site can be found here: beansproutpediatrics.com/. The graphic work was done by Ryan Brown.

Custom admin section:
beanbackend

Custom WordPress Menu:
custmenus

Front page code sample:
code sample

Custom admin code sample:
admin code

flyemailDeveloped an email newsletter for Fly Society. The graphic work was done by Ryan Brown. I took the Photoshop file and turned it into to a working customizable email template for the MailChimp newsletter platform. The newsletter template allows the administrator to easily customize the images, links and content of the newsletter using the MailChimp web administration area and template wizard by using the custom MailChimp template scripting system I implemented in the code.

©2012 hargisMdesign Designed By: Michael Hargis & Web Design Blog