studio ponnuki is a small creative studio hidden in the beautiful mountains of the kootenays


Designer / Hacker / Maker

Loves green tea, meditation and noise


Photo / Fashion / Accounting

In house yoga teacher and Thais massage, run


Drawing / Dirt Pudding / Maker

Loves green tea, meditation and noise


Find Us

We are based in one of the most beautiful places on earth. Come visit us!

January 31, 2008


There is not much to learn for doing web design:

  • Menu
  • Layout
  • Forms

Then you learn few content management, WordPress, Drupal, Joomla, andshopping cart, and learn how to customize them. I am still learning all that and in the last week I built a form that is sent to my client. Form has few step. Layout, data entry, form verification and form processing; wether the form is sent to and e-mail or the for is sent to a database.

What I did was a simple form, using a php scrip to send the for by e-mail and some javascript for the verification (not done at this moment) and javascript for the date picker. I could have gone quite further with the form making but I feel that was a good start. I search extensively trough the net to gather all the technical info about form and here what I found :

Date picker Please visit the site as well, search engine is quite cute and fancy. The direct link to the datepicker page is :

Php form mailer Really simple and easy to customize, I added some header to the mail out in order to create HTML mail out:

$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

Here are some other link that I found around that were also really useful:

Form field hints with CSS and JavaScript (Ask the CSS Guy)

dompdf – The PHP 5 HTML to PDF Converter

Nidahas » Forms markup and CSS – Revisited
CSS-Based Forms: Modern Solutions | CSS | Smashing Magazine

wForms – A Javascript Extension to Web Forms – The Form Assembly – The Form Assembly

PHP: mail – Manual

Generating and Validating Web Forms With PEAR HTML_QuickForm (part 2)

SkillShare Forum – CSS Beauty – Best Practices for HTML forms with required fields based on a conditional