Main Website Update

Af­ter quite a few days of re­search, cod­ing, up­load­ing, test­ing, de­bug­ging and re-up­load­ing, the main Caleb Williams Pho­tog­ra­phy web­site is now live with an all-new code struc­ture de­signed to give all users the best vi­su­al ex­pe­ri­ence when vis­it­ing the Caleb Williams Pho­tog­ra­phy web­site. Us­ing re­spon­sive web de­sign, the Caleb Williams Pho­tog­ra­phy web­site now sup­ports view­ers on smart­phones and tablets so they should be able to see the site with­out hav­ing to scroll through huge im­ages and awk­ward nav­i­ga­tion.

Caleb Williams Photography Website Redesign: Index
Caleb Williams Pho­tog­ra­phy Web­site Re­design: In­dex

As al­ways, the pur­pose of the Caleb Williams Pho­tog­ra­phy is to high­light im­agery, so the same clean de­sign re­mains. It’s just clean­er. In fact, you may not no­tice the changes, and that’s a good thing be­cause that means you’re too busy look­ing at the pic­tures.

Caleb Williams Photography Website Redesign: Gallery Page
Caleb Williams Pho­tog­ra­phy Web­site Re­design: Gallery Page
Caleb Williams Photography Website Redesign: Imageview
Caleb Williams Pho­tog­ra­phy Web­site Re­design: Im­ageview

The web­site now fea­tures type­faces that re­flect the Caleb Williams Pho­tog­ra­phy logo: Bauhaus Stan­dard and Adobe Gara­mond Pro. This is best il­lus­trat­ed by the About page.

Caleb Williams Photography Website Redesign: About Page
Caleb Williams Pho­tog­ra­phy Web­site Re­design: About Page

Of course noth­ing is per­fect and nei­ther is this site, so if you see any is­sues, please con­tact me and I’ll do my best to ad­dress it in a time­ly man­ner.

Tech specs

For those in­ter­est­ed in the tech stuff, the site was cod­ed in Adobe Dreamweaver CS6 (but cod­ed by hand) us­ing HTML5, CSS3 and PHP 5. A very small amount of JavaScript (thanks Google An­a­lyt­ics) ap­pears as well.

Tons of props go to my friend Jen Ritt who in­spired me to start this re­design and al­lowed me to test iPhone com­pat­i­bil­i­ty and gave me tons of ideas. For­tu­natly I didn’t have to rein­vent the wheel with the help of vav­i­ous parts of web de­sign­er wallStack Over­flow and John Paul Mueller’s CSS3 for Dum­mies.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.