notes 07/03 2011

Fresh Coat of Paint

I have given Juude a fresh coat of paint and have made some minor changes. Net Neutrality had outgrown the footer and now has its own page. The tagline now reads "for web designers", I had considered using UX Designers but I feel more comfortable with web designers, I guess because I have used it to describe my working self for such a long time.

I added an Inspiration section with work that really touches me and makes me want to create.

From time to time I add articles and information by other writers, if you are interested in writing an article on some aspect of web design let me know.

At the moment I am working on a series of pages on The Principles of Web Design and The Principles of Interactive Design which I hope to get up by the end of next week.

notes 02/18 2011

html5 and IE 6 and IE7

All current browsers should be able to read html5 but even though Internet Explorer 9 is IE's most current browser, IE7 andIE 8 are still around. If IE6 is anything to go by they are going to be with us for a while. There is a very simple way to make older browsers and even IE6 read some html5 elements, you just need to add a few lines of javaScript for each element that you are adding:



add as many elements as you need.


There is an other version which I got from

(function(){if(!/*@cc_on!@*/0)return;var e = "article,aside,figure,figcaption,footer,header,hgroup,mark,nav,section.split(','),i=e.length;while(i){document.createElement(e[i])}})()


It will be better if you link to the javaScript rather than place it directly in the html document.


Printing in IE 7 and 8

When printing from IE 7 and 8 you will get a print-out of all of the information on the page but the layout will not be retained. The layout is retained in all current browsers.


What Does Your Browser Support

Heres a site that lets you know what html5 elements your browser currently supports:


Other html5 information

Index - will be updated as new information is posted
Page created in html5

notes 02/05 2011

User's Choice

I had discussed User's Choice earlier in an article on rounded corners. I do not want to repeat the same information in every article on CSS3 so I am popping it into Notes along with vendor's code for CSS3 so that I will have somewhere to link to whenever necessary.

Designers should no longer be worried about whether or not all users get exactly the same experience. As long as we make sure that they all get the same information and when necessary the technology they need to complete a task we can go ahead with incorporating some of the new bells and whistles knowing that they will not be seen by all. We have spent too long designing for the capabilities of the lowest common denominator (e.g: IE6). The user experience should now be determined by the user's choice of browser ( see Andy Clarke's book Transcending CSS). If the user wants a first class experience they need to use a first class browser. It's theirs for the downloading.

Vendor Code for CSS3
You will need to include different lines of code for the various browsers.For example for rounded corners you need the CSS to read:

border-radius: 20px;
But at the moment different browsers require different prefixes:
-moz- Firefox
-webkit- Chrome and Safari
-o- Opera
-ms- Internet Explorer 9

In the CSS it needs to be

border-radius: 20p
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;


Over time the different pre-fixes will not longer be required and you will only need:
border-radius: 20px;


notes 01/30 2011


Orginially this site was started to provide a space for an overflow of information from my faculty site. I just needed somewhere to post basic web design information.

Then I had the idea that the site could be for and about web designers (the designers being my students). Although I know the site is frequently used by them, their feedback online has been sparce to say the least. They have all kinds of opinions, ideas and feedback in person but not many actually posted to the site.

Lately I realized that I need a place to put opinions, ideas and just snippits of information. So here are my notes. This is probably never going to be a full blown blog but it will give me somewhere to jot things down.
Your opinions and ideas are always welcome.

notes 01/27 2011

Up-date on html5

W3c has come out with an updated FAQ for Html5 which clears up some of the questions that arose after they released their new logo.
Jeffrey Zeldman also came out with a very good article today, HTML5 vs. HTML .

notes 01/18 2011

html5 logo

W3C introduces a logo for HTML5. It even has it's own home page.
It has its own faq (they made changes and the original no longer exists) and its own t-Shirts.
At the moment it is in the spec stage so maybe there is still time to rethink the design but probably not as they have already ordered the T-Shirts. It has a comic book, dated look and does not really suggest innovation and new technology. The shield suggests superhero saves the day and belongs more to a boys club rather than the next generation of amazing web apps..

It was designed by Ocupop and they include the created process for the logo on their site.

Why does Html need a brand?
This logo does not just identify HTML5, it is the visual identity for a number of technologies that include HTML5, CSS, SVG, WOFF. Why are all of these different technologies html 5 logo lumped together?

It does not really make any sense. W3C on their new logo

The Internet is all a twitter with simular questions and opionions.
Here's one:

It brings all the deliciousness of a Soviet-era Transformers logo to the yummy conflation of several related technologies! Did you get your WOFF in my HTML, or did I get my CSS all over your HTML?
Eric Meyers

The one question that does not seem to have been asked yet is:
Why is it so ugly?

The more I look at it the less ugly it becomes but it still is sooo... out of date.

updated jan 22, 2011

notes 01/17 2011

Good Web Design Books from 2010

CSS3 For Web Designers, Dan Cederholm
Design with Web Standards third edition, Jeffrey Zeldman
HTML5 for Web Designers, Jeremy Keith
Introducing HTML5, Bruce Lawson and Remy Sharp

spacer only







info arch

the net





be inspired

my notes