In this screencast I talk about what the communication was like between me and Jeff when he first emailed me about wanting to redesign the site.
The overall vibe from … Read article “#003 – Initial Client Communication”
We start out with our Photoshop file open. The rather silly looking "elongated" iPhone screenshot, which simply just gives us a canvas in the mobile first context.
We start out … Read article “#005 – Photoshopping Mobile, Part 1”
We have the "header" of the design in place, we just need to figure out the rest of the page. We have a list of the most important goals we're … Read article “#006 – Photoshopping Mobile, Part 2”
We want to be working locally while working on this project. Just a few reasons:
We're going to stop looking at the old site here soon. This is the last time! Our plan now that we have a proper local dev environment is to give … Read article “#008 – Giving Ourselves a Fresh Start with a Clean Theme, Part 1”
We in the midst of stripping down our WordPress theme to about as bare-bones as we can get it. We're not worried about the design we're trying to get to, … Read article “#009 – Giving Ourselves a Fresh Start with a Clean Theme, Part 2”
We've picked out Proxima Nova as the main font to be used for Jeff's site. It's darn popular these days, but it looks great with Jeff's work. Simple, clean lines, … Read article “#011 – The Header & Custom Fonts via TypeKit”
We have a plan for the home page navigation, we just need to get it done in code. Home page navigation, I say specifically, because this is likely only going … Read article “#015 – Home Page Navigation, Part 1”
We have another post type that needs the proper custom fields applied: the homepage slides. This is the kind of thing that would be easy and tempting to hard-code into … Read article “#027 – Admin Control of Homepage Slides”
When the browser window gets larger, the slider at the top of the homepage gets ridiculously big. This is a mobile first series, but since the mobile version of the … Read article “#031 – Limiting the Slider Height for Desktop”
We working on fixing up the site so that on "desktop" (i.e. larger) screens the site still looks good. The homepage navigation is another thing that gets a littler ridiculously … Read article “#032 – Moving the Home Nav, Media Queries”
On larger screens, we have more room on all our pages. We've dealt with this on the homepage, but we can do better on the other subpages as well. A … Read article “#036 – Large Screen Single Blog Page”