Peter Hebert

code. design. motion.

Recently Added

Outlook 2007 - the medicine is worse than the disease

Posted to Blog by Peter Hebert on 7 May 2012

I've seen a lot of weird things connected with Microsoft, but this has to take the cake. I was working on my latest email for VIFF, and read on Emailology about how some weird line-height issues can be solved by adding the following css rule to the block item in question:

mso-line-height-rule:exactly

I had been experiencing some random issues with big gaps, so I applied this style to my table, tr, td tags. Then when I opened the email in Outlook 2007, it looked like this...

Outlook cropping issue

When I removed the rule, it seemed to fix the issue.

It appears that Outlook was forcing the line height of the table cell to EXACTLY 1em, which was the declaration for line-height. Since there was only one line in the cell, the image gets cut off at 1em height.

Just chock up another one to the brilliant minds at Redmond who decided to revert to the Word rendering engine in Outlook 2007.

Keywords : css, design, email, outlook 2007

R.I.P. Adam Yauch aka MCA

Posted to Blog by Peter Hebert on 5 May 2012

The world lost a great artist, humanitarian and director yesterday with the passing of Adam Yauch, MCA of the Beastie Boys. The group had a enourmous impact on me growing up, and into adulthood. They could rhyme like nobody's busiiness, and MCA was the elder statesman, and in my humble opinion, the leader and coolest member of the band.

I  join the world in mourning this legend of hip-hop.

Amazing rainbow

Posted to Blog by Peter Hebert on 7 Nov 2010

I saw the most amazing rainbow last Friday night. Here is a nice picture, and a video of the rainbow.

Keywords : photography, rainbow

Welcome to the new site

Posted to Blog by Peter Hebert on 20 Oct 2010

It's been years since I gave this website a good overhaul, something I'll admit is not too good for someone trying to market himself as a web designer and developer.

I finally heve revamped this site, coinciding with my release of the phSite content management system. I really didn't want to hand code every page, as was the case before. So I've finally joined everyone in the 21st century, and moved my website to my new CMS platform.

I will try to continue updating everyone on what I'm up to, sharing some code snippets, and other thoughts.

Keywords : blog, news, redesign, revamp

Hélène Chevrette website

HTML5/CSS3 design

October 2010

Hélène Chevrette is a fitness instructor, teaching hatha and yin yoga, as well as pilates.

I designed this website from scratch, using CSS3 and HTML5 templates. It serves up an HTML5 doctype, and also supports the HTML5 video and audio tags for media files. The site is managed with phSite, my open source content management system.

Keywords : CodeIgniter, css, css3, design, html5, PHP, phSite CMS, yoga

phSite CMS

Web content management system

October 2010

phSite CMS is an open source web content management application written in PHP, based on the CodeIgniter PHP framework. The project goals are:

  • easy to use and develop for
  • multilingual capablility 'out of the box'
  • fully customizable content types and data entry fields
  • simple templating using PHP and HTML/CSS
  • integrated media management and gallery functionality
  • extremely flexible and extensible

Keywords : CMS, CodeIgniter, content management, open source, php, web applications

Canada CODE

Vancouver 2010 Cultural Olympiad

March 2010

Canada CODE was a site where canadians could participate in the Olympic experience by submitting photos that showed their unique view of Canada. I was responsible for web graphics production for this site. I also helped produce their weekly email newsletter.

Keywords : campaign, cms, Cultural Olympiad, design, email, VANOC, web graphics

Vote for Climate

issue-based campaign website

September 2008

I helped implement the Flash and XML based riding selector map for this advocacy site, and also cleaned up the HTML/CSS templates to ensure style uniformity throughout the site. I also implemented form processing using PHP.

Keywords : CSS, Flash, forms, HTML, PHP, templates, XML

DND-CF website

February 2008

From December 2004 to February 2008, I was responsible for web design and content management for official website of the Department of National Defence / Canadian Forces. During this time, I was involved with:

  • Converting website from table-based layout to standards-based design based on W3C guidelines
  • Designing web page templates, complying with government Common look and feel standards, and with web standards such as XHTML, CSS, and accessibility
  • Posting of news releases, backgrounders, feature stories, and other news to web site
  • Development of ASP based content management system for The Maple Leaf newspaper website
  • Produce weekly online version of DND/CF newspaper The Maple Leaf, adapting from print version
  • Advising on implementation of emerging web technology to continually improve ease of use and functionality of web site
  • Working with departmental clients to develop sub-sites, and to adapt other communications products for use on the web
  • Advising management on best use of internet technology to keep site current with evolving standards, and to improve funcionality and accessibility

Keywords : ASP, CF, CMS, content management, CSS, design, DND, web, XHTML