archived posts:

Web Design

I took a personal project that I am currently building on WordPress and started adding in responsive web design functionality.

Responsive web design lets the layout of the web site change as the browser window size decreases or increases. This makes it possible to adjust a site’s layout to look better on smaller devices like mobile phones and tablets.

Visit evillelife.com and resize the browser horizontally until you see the change in layout. Or visit the site on your desktop and then on a mobile device like the iPhone to see the different layout.

After resizing the browser window

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

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

stlsportsThe current project – STLhighschoolSPORTS.com – still in development.

I am currently helping develop a new website based around High School sports in the St. Louis area. The site is built off of WordPress and a custom built scripting engine that produces up-to-date stats and scores on a daily bases. My role for this project has been as a developer/programmer. The first challenge on this new project (more…)

sj_frontI am currently working as an Online Developer/Producer at Suburban Journals in Town and Country, MO. I help maintain the Suburban Journals, Ladue News, and savvyfamily sites.

The coding, in HTML and CSS, for suburbanjournals.stltoday.com for the layout was created by me with the help of a fellow coworker. The site is built around the TownNews Content Management System.

Along with general tweaks and updates, I also designed and coded the Classifieds page for suburbanjournals.stltoday.com.

For the Ladue News site, I helped code the redesign of the front page and photo galleries pages. I used JavaScript and jCarousel to create the sliding image belt at the bottom of the front page. I also used jQuery to directly edit a certain list element.

More screenshots after the break – (more…)

ambroseThe Ambrose Property Group web site was design by [REHAB] ryanedward.com. I was given a .psd file which included the design for all the pages and was asked to code(recode) the the design into a site. ambrosepg.com was coded using XHTML and CSS for a tabless design and JavaScript to bring in the properties from a separate file that the company could easily edit. I recoded all the pages for the Ambrose Property Group.

glogixThe Greek Logix web site was design by [REHAB] ryanedward.com. I was given a .psd file and a few .jpegs and was asked to code the the design into a site. greeklogix.com was coded using XHTML and CSS for a tabless design and JavaScript for part of the login input. I coded all 5 pages of the Greek Logix site.

soccerfresh SoccerFresh is a WordPress based blog that I designed using XHTML, CSS, PHP, jQuery, Photoshop, and Illustrator. The site brings users soccer news and reviews of soccer gear. View it: http://soccerfresh.com

A new website/blog I am developing and running. The plan for the blog is to share web design resources, tutorials, inspiration, etc. with the readers. ‘Break free by learning.’ Created using CSS, XHTML, Photoshop, and Illustrator. View it: freeyourdesign.com

I originally did the Cattle Battle website in Flash 8, but it just wasn’t working for me(the look and feel that is). I didn’t like the layout and the ease of usability, so I decided to redo the site using CSS and XHTML. I made most of the graphics in Illustrator and some in Photoshop. I also used JavaScript to add a small slideshow of the weapons used in Cattle Battle. The site was created for my group’s final project game at Full Sail. View it: Cattle Battle Website

Next Page »

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