Field Regina Northrup Neighborhood Group

When I first got the files for this site, I knew that everything would flow smoothly into a great, easy to update site for this local neighborhood group.

Everything spelled out to the pixel

Everything spelled out to the pixel

The designer really went the extra mile with this one.  The screenshot here shows how they had each .psd laid out perfectly with margin and padding already accounted for for each area of the site.  In addition to this there were hard copy print outs with annotations for color, font and size everywhere that it was required.  It's not a lot of extra time for a designer to do this, but it can actually save hours of development time in the long run.  I was able to get coding right away instead of spending hours inspecting and measuring all of the photoshop files.  It's sometimes the little things that make the biggest difference in whether a job is streamlined and awesome or tedious and boring.

Home Page

Home Page

The blue boxes are a custom template for the content block.  Then the div added to that content block is hit with some javascript to round the corners to create a smooth corner out to 12px for the center most radius, regardless of div height.  It's a simple way to achieve an effect that the designer wanted that couldn't be done with css alone, and degrades nicely.

Interior Pages

Interior Pages

Nothing special, just simple to manage pages. 

The header image is treated with a little extra css love in edit mode, getting rid of the border and padding added by default to the ccm-block by the concrete 5 content management system.  I often find that there are several small 'adjustments' that are needed in the edit mode of most templates in order to keep them from totally breaking the layout once you go into edit mode. 

It might take you 8-14 hours to code up the overal 'blocking' of a theme, then take as much as 25% of that time again making everything work properly in edit mode.  In this case it's a simple enough theme that it only took a few minutes and one adjustment.

Project Details

Designer

Dan Filbin, Smiling Dog Design

Project Link

http://www.frnng.org/

Marketplace Blocks

None

blog comments powered by Disqus