Visit The Site: www.windriverpower.com

Description

Created 2010. I developed the stucture of this site using XHTML, tableless CSS, Javascript and PHP . The design was created by designer Sarah LeCroy. The flash portions of the site were developed by Actionscript Developer Thon Lorenz.

Site Features

• Tableless, Crossbrowser, Standards Compliant Xhtml, CSS and Javascript
• Flash page elements that are controlled by Javascript using SwfObject
• PHP Contact form

Skills Employed

• Custom XHTML, and Tableless CSS
• Standards Compliant, Cross Browser Compatible Code
• Bi-directional Javascript/Actionscript programming
• PHP development

Visit The Site: www.jondamaschke.com

Description

Created 2010. I developed this site in Wordpress. Jon provided a design mockup and I turned it into a Wordpress theme. For the galleries, I used the NextGen Gallery plugin, Shadowbox and the JW Flash Player.

Site Features

• Wordpress CMS
• Easy to use Photo and Video Galleries

Skills Employed

• Custom XHTML, and Tableless CSS
• Standards Compliant, Cross Browser Compatible Code
• Wordpress Development
• Custom PHP development to make Wordpress act like a CMS

Visit The Site: www.potawatomilanguage.org/dictionary

Access to the Dictionary

As of December 1st 2009 I had put the dictionary under login-only access. If anyone would like temporary access to the dictionary to check it out I will be able to grant a temporary pass. I appologize for the inconvenience.

Description

Created 2009. I designed and developed this PHP driven dictionary to display over 7000 Potawatomi words and phrases. The site is driven by Object Oriented PHP and features a hand coded AJAX search suggest feature.

Once the initial page is loaded, clicking menu items and using the search suggest reloads content into the page with AJAX. This page is still SEO friendly though. If Javascript was turned off (simulating how Search Engines would crawl the site) the links would still work, but without the ajax feature.

Since there are over 7000 menu items, I built in the search suggest feature in order to make finding words easier. Every time a word is added, updated or deleted, an XML file is updated from the database and the AJAX is told to reset the cache for the search suggest. The search suggest then iterates through the XML list and finds words that match what the user is typing into the search suggest field.

This system allows multiple users to update the database via an inline form. These users can add words to the database from the site, or choose a word and then edit or delete it. This feature is powered by AJAX as well to ensure a smooth user experience.

Site Features

• Object Oriented PHP Backend
• AJAX Search Suggest
• MySQL database that contains the words, user info and cache settings
• Pictures and audio that are easy to add to dictionary elements

Skills Employed

• Custom XHTML, and CSS
• Standards Compliant, Cross Browser Compatible Code
• PHP Development
• MySQL Database Design
• Dynamic XML Development
• Javascript Development

We are already developing Joomla CMS systems for two new clients. These projects will include branding, site design/development and integration with various social networks. Go Team!

Description

Developed 2009. I was approached by a client who wanted a customized version of Moodle installed on their server. They needed Moodle to perform a few functions beyond the normal scope of the LMS. I was able to use php and css to modify the backend and the design in order meet the clients needs.

Project Requirements

• Modify the registration to include more initial data collection from the site users than the standard registration collects. To accomplish this I had to modify not only the php, but the Moodle database.

• Create a method for the client to export a spreadsheet with student’s information and course stats. To accomplish this I had to modify the php in the very helpful Feedback plugin.

• Create a customized Certificate that students could download as a pdf once they completed the course. This was done with the Certificate plugin which I modified to include custom student data from the database.

• Develop a custom theme that matched the design and branding of the clients other modules and sites. This was simple! I modified an existing theme with custom graphics and a single css file.

Skills Employed

• Custom Moodle Installation and Development
• PHP Development
• CSS Development

The Asterisk!

* {
padding:0;
margin:0;
}


This asterisk simply refers to all tags. It sets all defaults to have no padding or margins. This may be a pain at first because elements such as p tags will lose their spacing, but you can simply define what you want the padding and spacing to be. This takes some of the browser variation out of the equation and simplifies the task of getting your designs to look exact in every browser.

Another addition to my simple CSS Reset Stylesheets is to set the border to none where images are inside “a” tags. Otherwise you may get a blue line around thumbnail links… Yuck!

a img {
border:none;
}


Simple, right?

Some designers use heavy CSS Reset stylesheets. Eric Meyer for instance uses a strongly developed CSS Stylesheet that resets many of the default browser styles to a stripped down starting point. The method I use is far more simple, not better in all cases, just simpler to start with. I hope this helps.

This build has given me the opportunity to explore some plugins and the built in functions of Wordpress. It is a simple and powerful system and best of all, it’s opensource and free for all.

I am going to miss the thumbnail gallery with the Jquery Thickbox from my older site, but this site gives me the power to update content through blog posts and comes with a powerful backend built in. I’ll be adding some of my older media projects soon, so I think I’ll bring the thickbox back for video at least. Maybe. We’ll see.

Visit The Site: www.hannahville.net

Description

Created 2009. I designed and developed this site with Adobe Photoshop and the Expression Engine CMS. The navigation and layout is simple, scanable and flexible for adding new content.

Site Features

• CMS Blog Based Content
• Various Sidebars Displaying Featured Content
• EasyPHP Event Calendar

Skills Employed

• Custom Web Design Utilizing Adobe Photoshop CS4
• Custom XHTML, and CSS Tableless Structure
• Standards Compliant, Cross Browser Compatible Code
• Expression Engine Development
• PHP Development
• EasyPHP Calendar Integration

Visit The Site: www.samenglishart.com

Description

Created 2008. I designed and developed this site for artist Sam English who needed a website to promote his prints and his coffee table book. The design incorporates elements from his artwork and the gallery uses PHP to dynamically load and display over 80 of Sam’s poster prints.

Site Features

• Artist Inspired Design
• A Wordpress Blog For Displaying News and Updates
• A Custom Coded PHP Art Gallery
• Quick Links To The Gallery On Every Page

Skills Employed

• Custom Web Design Utilizing Adobe Photoshop CS4
• Custom XHTML, and CSS Code
• Standards Compliant, Cross Browser Compatible Code
• Wordpress Development – Modified Default Theme To Fit Site Design
• PHP Development – Custom Art Gallery Dynamically Driven From a Folder
• Javascript Development – Fading Thumbnail Links

Visit The Site: www.hannahvilleschool.net

Description

Created 2009. I designed and developed this site with Adobe Photoshop and the Expression Engine CMS. This site features CMS driven content such as a News blog, Lunch Menu, Rezz Radio Webcasts, and a Calendar.

Site Features

• CMS Blog Based Content
• School News blog
• Lunch Menu
• Rezz Radio Webcasts
• Easy PHP Event Calendar

Skills Employed

• Custom Web Design Utilizing Adobe Photoshop CS4
• Custom XHTML, and CSS
• Standards Compliant, Cross Browser Compatible Code
• Expression Engine Development
• PHP Development
• Easy PHP Calendar Integration
• Javascript Development – Animated Navigation Menus