January 2012


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.

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