Canvas allows you to draw shapes and other 2-D elements on the web page using the HTML5 canvas element and JavaScript.

He gave some really cool demos and I’m pumped to start experimenting! As Dave mentioned, the technique still has a long way to go but Canvas will be a great tool for web developers.

Image: Website design Mockup (Click thumbnail to enlarge)

The Canadian Network for International Surgery (CNIS) provides surgical and obstetrical training to African health care practitioners helping them prevent deaths from injury which kills more Africans than HIV/AIDS, malaria and tuberculosis combined.

I have been a volunteer web designer with the CNIS for more than a half a year.  Recently, they launched a new website which aims to increase awareness about the organization in Canada.  The website has a modern look and incorporates many interactive features.

I helped out with a number of stages in the re-design process including:

• Website Design (see mockup image)
• Customizing the XHTML/CSS in the Wordpress theme
• Designing and programming the sidebar menu
• Transferring content from the old site
• Fixing cross-browser layout issues

I just finished creating a website for the Howard Young Lab at the University of Alberta, Department of Biochemistry.

Dr. Young uses biophysical techniques such as electron microscopy and X-ray crystallography to study calcium transport in the heart.  The techniques produce very attractive images, some of which are highlighted in the website.

For more information visit the lab website or the portfolio page.

Image: © Dr. Scot Leary

I just finished building a website for Dr. Scot Leary.  Dr. Leary is a new faculty member at the University of Saskatchewan Department of Biochemistry.  Go to Dr. Leary’s website or visit the portfolio page for more details about his website.

Enjoy!

The menu to change the panel content is a simple unordered list with the following markup:


<ul class="secMenu">
<li id="tab4" class="activeTab">Background</li>
<li id="tab3"><a onclick="switchPanel(this);">Technologies I Employ</a></li>
<li id="tab2"><a onclick="switchPanel(this);">Skills</a></li>
<li id="tab1"><a onclick="switchPanel(this);">Off the Computer</a></li>
</ul>

Now check out how IE7 interprets this (from DebugBar or an alert of the list’s parent div innerHTML):

<UL>
<LI id=tab4>Background
<LI id=tab3><A onclick=switchPanel(this);>Technologies I Employ</A>
<LI id=tab2><A onclick=switchPanel(this);>Skills</A>
<LI id=tab1><A onclick=switchPanel(this);>Off the Computer</A> </LI></UL>

I coded using XHTML 1.0 Strict and look how IE interprets it! Uppercase tags, no quotes around the attributes and missing closing list-item tags!

You may say, “Well, things must get better for IE 8.” Well, they did a good job finally bringing the CSS up to standard but the DOM…

…Not so great

Well, there’s always hope for IE 9 (or 10, or 11, or…)

Tag Cloud Font Size Changer

Welcome to my little blog on web development.  I’m too tired to write anymore this morning! 

Enjoy,

Dave.