Posts Tagged ‘CSS’

Andreas Tabor’s Aesthetic Literacy

Tuesday, April 21st, 2009

I recently began a collaborative effort with a friend of mine, Andreas Tabor, redesigning his existing online portfolio, AestheticLiteracy.com.  Andreas is in the last few weeks of his undergraduate career as a graphic design student and needed a site that expressed his personality but was also easy to keep up to date.

We discussed his his options and it seemed that a custom WordPress theme with some instruction on maintaining his final site would be enough to meet all his needs. Andreas provided me with his desired aesthetics and layout as a Photoshop file which I then converted into code and implemented as a WordPress theme.

This was a unique experience for me as I was acting more in the role of a code monkey with less design power.  It was also a good learning opportunity as I was forced to think a bit differently than if I had created the layout from scratch.  Overall, working with a friend was a challenge, but I’m glad I could help him out while also gaining more knowledge and experience with the capabilities of WordPress.

WordPress, CSS and Cross Browser Display

Friday, March 6th, 2009

Well yesterday I finally was satisfied enough with the updated version of my site to upload.  Of course, the result was not the nice and easy transfer that I was expecting since I decided to transfer my site to using WordPress as a CMS. All archived blog images broke, none of my links transferred, permalinks weren’t working; it was just an irritating time sink.

Obviously there is still work to do, such as adding my portfolio pieces, but what became most irritating was the fact that Safari was ignoring font-family, background, well generally everything on the body styling, when it appeared quite fine in Firefox, and Opera.

I spent the morning searching for a solution. I could find nothing about Safari ignoring font-family, which for me was the more important issue. I should have considered that the problem stemmed from the fact that all body styles were being neglected.

After a little experimentation, I found the root of the problem. WordPress’ theme information in style.css.

Read the rest of this entry »

[Website] The Buckley House Restaurant

Tuesday, February 10th, 2009
Screen Shot of bhrestaurant.com

Screen Shot of bhrestaurant.com

The owner of The Buckley House Restaurant initially approached me to develop a logo for the new restaurant, so this piece consists of both identity and web work. I also photographed the chef and restaurant space for the rotating images featured on the site.

An essential page for any restaurant is that which contains contact and directions, without it patrons would never be able to locate their destination. In this situation, I utilized Google Maps to allow site users the flexibility of obtaining directions tailored to their needs quickly and easily.

Begining Web Designer Resources

Tuesday, January 20th, 2009

I am often asked how I learned the skills needed for website design when my background is in print.  The very basics of HTML using Tables and Flash I learned at my alma mater, Marietta College.  Everything else I discovered and learned through the web, with a few books.

Helpful online sources of information on web design/coding:

Web Design from Scratch.com

Opera Web Standards Curriculum

Google’s SEO Starter Guide

Tizag.com – PHP

More advanced information:

A List Apart

Nettuts.com

456 Berea Street

Books I have found useful:

CSS Mastery

Rockstar WordPress Designer

In general, my best advice when learning to develop websites, just Google it, you will end up seeing some inspiring sites, finding some interesting mentors and finding a host of resources at your fingertips.