External Web Projects
Completed and ongoing projects for other folk
About these projects:
This was a BCIT project to design a pro-bono website for a client. Tam is an artist from Seattle and was looking for a website in order to show her work.
Harp Spectrum is a non-profit organization that was looking to migrate its website to WordPress. The website runs on a lot of legacy code, and requires an updated appearance. This is accomplished by both manually updating sections, as well as stripping and replacing various tags throughout the process.
This is primarily a WordPress migration, and an incomplete one at that, so it will not be discussed in the technical talk section.
PHP: PHP is used on TamZawalich.com in the context of contact forms. In the Harp Spectrum site it is used for customizing and creating the WordPress PHP files used to control, add, and remove page content.
The HTML & CSS►
The only real exception to this is the home page slideshow. The slides are not true images, as the client wished for them to cover the entirety of the page that was not already covered by the header and footer sections. Images tend to have trouble being fully responsive when they are not allowed to maintain their set ratios. Their default nature is to want to shrink, resize, skew their appearance terribly, or remove uneven portions of the content. I needed an image that was completely flexible, but would also (more or less) stay centered when resized into strange dimensions. What I found worked best was to set the background-image of an empty div set to fill 100% of the space. The background image keeps itself centered, and is fairly accepting of its div being resized while still filling 100% of the area. The slide controls then change the background image of the div rather than switching out true images.
PHP on the site is used only on the contact form. It's a simple mail function that validates and collects the information in the field, sanitizes the entries, and then mails it off to the site owner.
The contact form is also sticky—it "remembers" entered data in case one of the fields fails to validate and the user needs to re-enter something. No one likes having to fill the entire form out due to a typo in the email address line.