"Mike is a very resourceful and talented individual who will get the job done. He is a team player who enjoys helping the team be successful and is willing to go the distance at a moments notice."
Mark Kafka, VP Sales & Marketing
Mind Charger Technologies

"Michael is an extraordinary talent coupled with a keen business sense. Was able to assess our needs and meet them with exciting and unique designs. We look forward to a continued business relationship."
Michael Nadajewski, Artistic Director
Talk Is Free Theatre

"He (Michael) has been a pleasure to deal with. His commitment to providing a successful e-based solution for our company's needs was outstanding, from concept to delivery and beyond."
Alan Kay, Executive Director
Aish HaTorah Thornhill

"Michael is a bright and has a good understanding of the principles of design, and backs this up with a solid understanding of modern technologies."
Julian Dorman, President
Right Hook Media

Welcome to Mike Kleiman's Site, check out the blog EmailElement

• Show All
• Show All Sub Items
• Web Codes
  • www.mikeandamyaregettingmarried.com
    • 2009 I'm getting married! And the best part about that is I get to make a wedding website! This was my first foray into using a PHP and MySQL back-end. I think it turned out very well. I again stuck with Ajax and using JQuery to streamline my DOM manipulations for all interactions on the site. The XHTML is W3C compliant as always. I was particularly proud of my airline style seat boooking system that uses Google Map style pop-ups to book seats along the aisle that allow someone to high-five me as I walk down. The site also contains my first tag cloud code in the song request area.
    • View site »
  • www.dvd.myfoxcoupons.com
    • 2008 A quick coupon selection system written in .NET. That major job here was achieving the layered effects of the imagery, the snowflakes, the top banner and the main content area. I also had to ensure that the snowflake backround imagery did not cause any horizontal scroll if it went beyond the screen edge. The app itself was somewhat restrictive on front-end as are all .NET apps, but the site still showcases some nifty CSS work.
    • View site »
  • www.tsn.ca
    • 2008 An in-depth preference centre/survey application that was embedded within the existing TSN architecture. We tried our best to code to the strict XHTML standards they had chosen. It was a special challenge due to the fact that the application had to be ported from a standalone web-app to something that would function just as well in the space provided to us by TSN. So things like positioning and javascript usage had to be carefully planned out.
    • View site »
  • membercentre.cbc.ca
    • 2008 A web application very similar to the TSN Member Centre above. A full-function preference center that would allow users to log in and easily modify their email preferences with CBC. I had to build out the app as stand-alone and then fit it within CBC architecture. I even added some Ajax form the forgot password form on the homepage just to pep up the user experience as best I could.
    • View site »
  • contest.aircanada.com
    • 2008 A contest site for Air Canada. Not heavy in the design department, but a good example of integrating a .NET form with XHTML compliant code. I paid specific attention to the form page when asked by Air Canada to make the form look less lengthy I programmed the drop downs to appear only when they became required. I also coded radio and checkbox buttons to maintain the look and feel provided from the mockups, which is a complete departure from the regular radio/checkbox functionality.
    • View site »
  • preferences.email.aircanada.com
    • 2008 A preference center for Air Canada's WebSaver built as an all-in-one-page application. I had to make specific functionality availability n the contest page by allowing divs and form elements to appear and disapeer based on both selections as they were being made, and pre-existing selections that were set as the page loaded.
    • View site »
  • www.thindata.com
    • 2008 This was my coding baby. I made sure everything was as cross-browser compatible as could be, then I began using Jquery for my javascript library and it opened up a whole new world. Built-in animations, downloadable plug-ins. I was in heaven. I tried not to go overboard, so once I finished the font slider I forced myself to just launch and stop adding little details.
    • View site »
  • www.qmi.com
    • 2008 A major recode of the entire site that I managed to pull off in just under two weeks. The wrapper of the site (header and footer and side nav) are all standards compliant, unfortunately all the code loaded into the content area is not so I couldn't claim to be fully standards compliant. Still it was a major improvement from their existing code which used the csa.ca backend as a base.
    • View site »
  • contest2.event.chineselanternfestival.ca
    • 2006 Unfortunately the contest itself has finished, however in the expiration page you can still get a glimpse of the code that went into creating the site. Intense CSS used across three languages (English, French and Mandarin) came together to create a browser-friendly contest site that performed client and server-side form validation.
    • Preview » | View site »
  • contest.event.chineselanternfestival.ca
    • 2006 Unfortunately the contest itself has finished, however in the expiration page you can still get a glimpse of the code that went into creating the site. Of particular note was the PNG used for the cultural figure along the right hand side. This works cross-browser and even supports ie6. The navigation utilizes CSS rollovers and the entire code took approximately 2 days.
    • Preview » | View site »
• Email Codes
  • Air Canada Websaver
    • 2006 This is an intesive email code wise. While the design is meant to let the overall look be simple, the code had to be expandable in every section to allow for user generated content. It also had to perform well in every email client available. Finally it had to generate the smallest code footprint possible, to lower the processing pwoer needed to generate and send the million+ broadcasts everyday. The total project from design to code completion to around 3 months to complete.
    • Preview » | View design »
  • Bell Solo Newsletter
    • 2006 This was an email I designed, and it was also one of the first emails I coded using best practices. The multiple dropshadows and stroke lines made things particularly difficult, but the end product performed exceptionally.
    • Preview » | View design »
  • BMO Insite
    • 2007 A clean simple design that lets code take care of the majority of stroke lines, allowing the email to degrade gracefully with images turned off.
    • Preview » | View design »
  • CBC What's On
    • 2007 I had alot of fun coding this email. It had alot going on while still looking clean and simple. I tried to push the code to follow the same principles and ensure that with images turned off, the CBC brand still shone through in the masthead by using colors exclusively and styled text exclusively.
    • Preview » | View design »
  • Delta Exclusive Newsletter
    • 2007 Another fun email to code, it degraded beautifully so that the entire email was legible with images turned off.
    • Preview » | View design »
  • Hilton Tundra Newsletter
    • 2006 With the Hilton Tundra series of emails I had my first attempt recreating light dropshadows using primarily CSS. The effect was perfect, even with images turned off the internal boxes kept their shadows and the header areas were replaced by similarily coloured boxes and alt text.
    • Preview » | View design »
  • ThinData Newsletter
    • 2006 The ThinData email was my baby, I used it to experiment with all the techniques and best practices I have developed to date. It degrades beautifully with images off and uses CSS text replacement for images to the best effect possible, even the sidebar headers look great with images turned off as they merely incorporate styled text and a 1px border over a repeated background image.
    • Preview » | View design »
  • XM Radio Newsletter
    • 2006 A particular favourite of mine. Not only is the design excellent, but the code allowed it to be seen exactly as the designer intended in every popular email client available on the market.
    • Preview » | View design »
• Experimental
  • XHTML JavaScipt Form Validation
    • 2007 I've always been looking for a total solution Javascript form validator that not only allows for flexibility, but is also as simple to implement as say the TMT validator, and conforms to XHTML 1.0 Transitional standards. Not being happy with the current crop available I built my own. It's still early on, and I am sure there are bugs but it meets all my requirements. Drop me a note if you find it useful or have any suggestions on how to make it better.
    • View project »
•