<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" version="2.0">

<channel>
	<title>Nick Smith</title>
	
	<link>http://www.nicksmith.co.uk/blog</link>
	<description>Spotlight on random items from the web</description>
	<lastBuildDate>Wed, 29 Jun 2011 16:25:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/nicksmith" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="nicksmith" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>On Biometrics in Schools</title>
		<link>http://www.nicksmith.co.uk/blog/2011/02/22/on-biometrics-in-schools/</link>
		<comments>http://www.nicksmith.co.uk/blog/2011/02/22/on-biometrics-in-schools/#comments</comments>
		<pubDate>Tue, 22 Feb 2011 13:47:04 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[education]]></category>
		<category><![CDATA[privacy]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=512</guid>
		<description><![CDATA[<p>This all starts with a seemingly innocuous letter, with the title &#8220;Cashless Catering System&#8221;, sent to the parents and carers of students from <a href="http://www.crownwoods.org.uk/">The Crown Woods School</a> in South East London. The first sentence states:</p>
<blockquote><p>The school is introducing a </p>&#8230;</blockquote>]]></description>
				<content:encoded><![CDATA[<p>This all starts with a seemingly innocuous letter, with the title &#8220;Cashless Catering System&#8221;, sent to the parents and carers of students from <a href="http://www.crownwoods.org.uk/">The Crown Woods School</a> in South East London. The first sentence states:</p>
<blockquote><p>The school is introducing a bio-metric system for pupil identification in the new College. The new system will  be used to register pupils, for use of the library and for catering use.</p></blockquote>
<p>Biometrics in schools? When did this happen?</p>
<p>My initial impression is that the letter (copied at the end of this post) presents a one-sided argument of the use of such a system, focusing on the benefits. This includes selective quotes from the Data Protection Commissioner’s Office and reassurances that the <q>“thumbprint is NOT stored”</q>. Attached to the letter is a 2006 statement from Mark McMorran <abbr title="Managing Director">MD</abbr> of Cyclone Industries, the company providing the system, stating <q>“This is not fingerprinting of the type associated with the police”</q>. That’s great Mark, but none of this helps to allay my fundamental uneasiness about the collection and use of such data.</p>
<p>Adding to these fears, the letter provides no information about any alternative should the parent decide not to give permission. They are simply asked to sign <q>“an authorisation slip which should be returned to the school as soon as possible”</q>.</p>
<p>Hmmm.</p>
<p>What follows is a collection of my thoughts and collaborative research on this topic since mid last week.</p>
<p>This is happening across the country seemingly without much scrutiny. Search for “<a href="http://www.google.co.uk/search?client=safari&amp;rls=en&amp;q=thumbprint+school&amp;ie=UTF-8&amp;oe=UTF-8&amp;redir_esc=&amp;ei=n5dhTem1KJHj4gbq1LCVCg">thumbprint school</a>” and you come up with a wealth of information on the topic, most of which seems to come from bewildered parents with questions and <a href="http://forum.no2id.net/viewtopic.php?f=51&amp;t=33455&amp;sid=ba74f354f7a712de16c7bffe893ee4a8">concerns</a>. In March of 2010 Dr Emmeline Taylor, who conducted a study on surveillance of pupils funded by Salford University, <a href="http://www.dailymail.co.uk/news/article-1262087/Schools-taking-fingerprints-pupils-parents-knowing.html">was quoted</a> saying <q>“3,500 schools in the UK &#8211; one in seven [~14%] &#8211; are estimated to be using fingerprint technology”</q>. In July of the same year a <a href="http://www.guardian.co.uk/commentisfree/libertycentral/2010/jul/16/fingerprinted-child-school">Guardian report</a> claimed <q>“Some estimates suggest that as many as 30% of all schools in the UK have fingerprinting technology”</q>.</p>
<p>Parental consent is still a grey area since there exists no law, only advice, stopping schools taking fingerprints without permission. In fact, laws covering this are only just making their way through Parliament as part of the <a href="http://www.publications.parliament.uk/pa/cm201011/cmbills/146/11146.13-19.html#j330asd">Protection of Freedoms Bill</a>.</p>
<p>As long ago as 2002 <a href="https://www.privacyinternational.org/article/pi-condemns-mass-fingerprinting-uk-primary-school-children">Privacy International condemned</a> mass fingerprinting of UK school children:</p>
<blockquote><p>Privacy International says the practice &#8220;de-humanises our children and degrades their human rights&#8221;, and has called for the unconditional withdrawal of the technology from schools. PI&#8217;s director, Simon Davies, said “the use of such systems will have the effect of de-sensitising people to more comprehensive privacy invasion later in life”.</p></blockquote>
<p>And on that last point I completely agree. In fact, please read <a href="https://www.privacyinternational.org/article/pi-condemns-mass-fingerprinting-uk-primary-school-children">that article</a>, in it Privacy International strongly criticise the biased involvement of the Office of the Information Commissioner and the then Department for Education and Skills who they claimed were <q>“equally culpable”</q>.</p>
<p>Going further:</p>
<blockquote><p>Privacy International warned that the practice of finger printing for the purpose of library cards was in clear violation of the Human Rights Act and the Data Protection Act. &#8220;The law states that privacy invasion must be proportionate to the threat. A few lost library cards do not warrant mass finger printing&#8221; said Mr Davies.</p></blockquote>
<p>My thanks to <a href="http://twitter.com/aumoulinvert">Rachel Mawhood</a> and <a href="http://twitter.com/jimkillock">Jim Killock</a> in pointing me to much of this information. I wanted to use this post to spark debate, so please leave a note in the comments if you have anything to add. Thanks.</p>
<div class="update">
<p><strong>UPDATE 2011-02-23:</strong> Pippa King has been in touch and introduced me to her site, <a href="http://www.pippaking.blogspot.com/">http://www.pippaking.blogspot.com/</a></p>
<p>It looks like a good resource for concerned parents, including information about <a href="http://pippaking.blogspot.com/2007/11/reconstructing-fingerprint-images-from.html">reconstructing fingerprints from templates</a>, a feat that is supposedly impossible to do according to the following information.</p>
</div>
<div class="update">
<p><strong>UPDATE 2011-02-25:</strong> It seems I&#8217;m just <a href="http://www.nicksmith.co.uk/blog/2011/02/22/on-biometrics-in-schools/#comment-681">confusing people</a> with the title &#8220;RE: Cashless Catering System&#8221; (probably trying to be too clever), so I&#8217;ve changed it in favour of a new one. Sorry about that.</p>
</div>
<p>Letter from Crown Woods School, dated 11 February 2011.</p>
<div id="letter-2011-02-11">
<p>Dear Parent/Carer</p>
<p>Cashless Catering System</p>
<p>The school is introducing a bio-metric system for pupil identification in the new College. The new system will be used to register pupils, for use of the library and for catering use.</p>
<p>The lunch system will mean that pupils will no longer have to bring money on a daily basis to pay for their lunch. They will be able to pay in advance for their meals by means of crediting their account on machines situated in the dining area.</p>
<p>The system uses the thumb print of the pupil and the software calculates a huge digital number from the image, and it is this number itself which is stored as a personal identification number. The actual thumb print image is NOT stored. When a student enters the school and uses the fingerprint scanner, the scanner recalculates the number and recognises the student. Such software is now being used to allow laptop users to secure their laptops &#8211; you will have seen this advertised on TV.</p>
<p>Students and parents can be reassured that this system has a very high level of security and that it is not possible to use the students PIN to reconstruct the original thumb print. The Office of the Data Protection Commissioner has scrutinised the technology and has stated &#8220;I would encourage you to employ the system using finger print images. It seems to me that the use of bio-metric identifiers allows users to verify their identity without the risk of intrusions into privacy &#8230;. I would certainly like to be able to point to it as an example of good practice&#8221;.</p>
<p>I hope that all students and parents will feel comfortable in helping us with the implementation. The software has been installed and we would hope to start the process of taking pupils&#8217; thumb prints during the second half of this term ahead of our move into the new College. There are now an increasing number of schools using systems like this. I have attached a press release from the company together with an authorisation slip which should be returned to the school as soon as possible.</p>
<p>If you should have any queries please contact the School Office. Further information will be sent with details of how to use the catering system in the near future. Thank you for your help in this matter.</p>
<p>Yours sincerely</p>
</div>
<p>And from Cyclone Industries:</p>
<div id="statement-2011-02-11">
<p>PRESS STATEMENT</p>
<p>LIVE  REGISTER</p>
<p>September 2006</p>
<p>The technology does not store actual images of finger or thumb prints but instead converts them into a 400 digit coded number. Mark McMorran, MD of Cyclone Industries the developer of Live Register, states: “This is not fingerprinting of the type associated with the police. The ability to record student attendance enhances the school&#8217;s efforts to ensure a safe and secure environment for all students and staff as well as providing extra flexibility in managing school timetables and freeing up more time for teaching. The storing of biometric information in the form of student photographs has long since been a practice by the majority of schools in the UK.&#8221;</p>
<p>See www.liveregister.co.uk</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2011/02/22/on-biometrics-in-schools/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Edward Upton, Who Profits from Excellent Education?</title>
		<link>http://www.nicksmith.co.uk/blog/2011/01/14/edward-upton-who-profits-from-excellent-education/</link>
		<comments>http://www.nicksmith.co.uk/blog/2011/01/14/edward-upton-who-profits-from-excellent-education/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 16:03:27 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[BeBettr]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=503</guid>
		<description><![CDATA[<p><em>My really rough notes from a presentation at <a href="http://bettr.org/">#BeBettr</a>. The usual disclaimer applies, things may be inaccurate. Plus uploaded from my iDevice, so expect mistakes.</em></p>
<p><em>Of course this talk has some bias because Edward is running just such a </em>&#8230;</p>]]></description>
				<content:encoded><![CDATA[<p><em>My really rough notes from a presentation at <a href="http://bettr.org/">#BeBettr</a>. The usual disclaimer applies, things may be inaccurate. Plus uploaded from my iDevice, so expect mistakes.</em></p>
<p><em>Of course this talk has some bias because Edward is running just such a service, but a lot of the arguments here inspired some internal debate for me about the motivations of the different roles in creating and consuming online resources for teaching. His point about the dozen or so failed public sector projects is powerful for me (since at least £40m has apparently been misspent) but also it&#8217;s true that we need to make the most of our inspiring content and educators, especially in web education. Whatever your take on the solution, there seems to be a place for these types of services.</em></p>
<p>Edward&#8217;s talk is about what it&#8217;s like to have a startup in the education sector, <a href="http://www.teachable.net/">Teachable.net</a>.</p>
<p>The majority of your life&#8217;s education happens in school. However, there are only a finite number of teachers out there. We need to become more efficient with our practices of conveying education. Also, we must make the most of inspirational teaching content.</p>
<p>So how do you make more of the engaging teachers&#8217; time? We need innovation. For him this will only come through getting private enterprise investing in education.</p>
<p>Before starting this service, he sat with his teacher friends who felt demoralised because they were overworked and spent too much time preparing lessons. There&#8217;s also a lot of reinventing the wheel.</p>
<p>His idea is to create a marketplace where teachers upload content, it goes through a quality review process and individuals on the other end pay to download it. Individual teachers are the ones that subscribe to this. Every time a teacher&#8217;s content is downloaded, they get a cut of the profits.</p>
<p>They now have 50,000 teacher users (consuming content). They&#8217;ve got 4,000 educational items of content. But what&#8217;s radical about this? What&#8217;s unusual? It&#8217;s the money thing.</p>
<p><strong>Statement:</strong> Education is a noble act, it&#8217;s not for making money.</p>
<p>Often 20% of teachers think this way. However the BETT show exists in its current format because schools have a budget and they want to spend it.</p>
<p><strong>Statement:</strong> Individual teachers should not be profiting from educational material generated around their job.</p>
<p>Sometimes schools sell their material. They can give the money to charity, split the money between the school and the individual teacher. Their model though is that they take 50% to cover funding of their site.</p>
<p>There have been a dozen other such public sector initiatives to start this kind of content sharing platform. Curriculum Online cost £40m, where public bodies and corporate companies could post content. However it was a complete failure. In his view there were cultural problems that were it&#8217;s biggest failing. The entrepreneurial culture is suited to run this kind of venture, not the committee based public sector.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2011/01/14/edward-upton-who-profits-from-excellent-education/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aral Balkan, Teaching Programming to Kids</title>
		<link>http://www.nicksmith.co.uk/blog/2011/01/14/aral-balkan-teaching-programming-to-kids/</link>
		<comments>http://www.nicksmith.co.uk/blog/2011/01/14/aral-balkan-teaching-programming-to-kids/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 12:46:17 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[BeBettr]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=493</guid>
		<description><![CDATA[<p><em>My really rough notes from <a href="http://aralbalkan.com/">Aral Balkan</a>&#8216;s presentation at <a href="http://bettr.org/">#BeBettr</a>. The usual disclaimer applies, things may be inaccurate. Plus uploaded from my iDevice, so expect mistakes (have you ever typed HTML through one of these things? Ouch).</em></p>
<p>Are &#8230;</p>]]></description>
				<content:encoded><![CDATA[<p><em>My really rough notes from <a href="http://aralbalkan.com/">Aral Balkan</a>&#8216;s presentation at <a href="http://bettr.org/">#BeBettr</a>. The usual disclaimer applies, things may be inaccurate. Plus uploaded from my iDevice, so expect mistakes (have you ever typed HTML through one of these things? Ouch).</em></p>
<p>Are we empowering a generation of computer literate creators or are we creating secretaries? He has a hunch it&#8217;s the latter. Anna Debenham will be talking about the current state of ICT but he wants to look at how to change it. See the <a href="http://bettr.org/programme">BeBettr programme</a>.</p>
<p>The curriculum is so poor, students are disinterested. They&#8217;re learning Microsoft technologies, Word, PowerPoint and other office related skills. This doesn&#8217;t excite anyone. It&#8217;s bad that this is people&#8217;s first experience of ICT.</p>
<p><a href="http://www.bettshow.com/">BETT</a> is a Microsoft/Windows-fest. There were no open source solutions. Even <a href="http://one.laptop.org/">One Laptop Per Child</a> wasn&#8217;t there. Aral will be asking <a href="http://www.ubuntu.com/">Ubuntu</a> about why he didn&#8217;t see them there. If we replaced computers in school with One Laptop Per Child he thinks we might see a huge increase in digital literacy.</p>
<p>It&#8217;s not all doom and gloom, the <a title="British Computer Society" href="http://www.bcs.org/">BCS</a> are trying to change things for the better.</p>
<p>If the teachers don&#8217;t know these basics then we have a problem. To get good teachers you must pay them well, a quote he showed:</p>
<blockquote><p>&#8220;they&#8217;re paying peanuts, getting monkeys and having the nerve to complain about standards&#8221;</p></blockquote>
<h2>The Past</h2>
<p>Education is a personal thing for Aral. What got him started was his first experience with a computer, it was magical for him. What is the magical thing for you that makes you love what you do? Think about it, use it.</p>
<p>He&#8217;s showing us some examples using <a href="http://en.wikipedia.org/wiki/BASIC">BASIC</a>, the first computer programmes he ever wrote. He was happy to see he could make the computer do what he wanted. He progressed quickly. As a seven year old he was creating star backgrounds using simple code and making cool games etc.</p>
<h2>Today</h2>
<p>What can we do instead of teaching kids Word or Excel? How about some graphic tools? In <a href="http://scratch.mit.edu/">Scratch</a> he shows a figure of a cat that he wants to get interacting with the mouse. It&#8217;s all GUI based programming, you don&#8217;t need to code to programme.</p>
<h2>The Future</h2>
<p>Kids can start to code things in the browser today. He shows an example of simplified manipulations of <a href="http://en.wikipedia.org/wiki/Canvas_element">HTML5 canvas</a>. He&#8217;s doing pretty much the same thing as his other examples in BASIC and Scratch, but what if we get the objects we&#8217;re drawing in canvas to change size and rotation? Isn&#8217;t that more interesting for students to learn? What separates this from the other examples is this can be posted online for quick sharing with friends.</p>
<p>We have to make it fun, give them reusable skills and it would be better to use Open Source technologies. We&#8217;re not teaching secretarial skills, but skills that empower students. We must pay teachers what they&#8217;re worth and try to show the next generation that spark of magic that got us into the industry to start with.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2011/01/14/aral-balkan-teaching-programming-to-kids/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Paul Miller, School of Everything</title>
		<link>http://www.nicksmith.co.uk/blog/2011/01/14/paul-miller-school-of-everything/</link>
		<comments>http://www.nicksmith.co.uk/blog/2011/01/14/paul-miller-school-of-everything/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 11:53:28 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[BeBettr]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=486</guid>
		<description><![CDATA[<p><em>My really rough notes from the first presentation at <a href="http://bettr.org/">#BeBettr</a>. The usual disclaimer applies, things may be inaccurate. Plus uploaded from my iDevice, so expect mistakes (have you ever typed HTML through one of these things? Jeez).</em></p>
<p>When it &#8230;</p>]]></description>
				<content:encoded><![CDATA[<p><em>My really rough notes from the first presentation at <a href="http://bettr.org/">#BeBettr</a>. The usual disclaimer applies, things may be inaccurate. Plus uploaded from my iDevice, so expect mistakes (have you ever typed HTML through one of these things? Jeez).</em></p>
<p>When it comes to hacking education we&#8217;ve got nothing to lose but our metaphors. The cliches that come with childhood education are transferred to adult education. Hacking education is about reorganising it. He wants to talk about hacking the system.</p>
<p>Family and Kinship study from 1955. It found a poor economic world, but one rich in connections where people worked and learnt together. During the 60&#8242;s and 70&#8242;s this idea of social capital was eroded. E.g. TV has eroded our social time, the car has allowed people to ignore their neighbours.</p>
<p>That era might be over. Silently the city is becoming connected to the internet. The information layer as a representation of the real world is bringing people together. The <a href="http://schoolofeverything.com/">School of Everything</a> aims to do this. It brings together people who want to teach and people who want to learn.</p>
<p>Most of the learning they connect is one-to-one. However, they realised there was power in small group learning. E.g &#8220;Brain Trains&#8221;, peer learning on a commuter train with a study circle taking place. This was popular but didn&#8217;t survive the change to more open carriages when they were introduced.</p>
<p>A university is just a set of rules. We can recreate them in code. School of Everything wants to create those rules for people to work to. Hacking education is about simple interventions that change eveything. A sort of education jujitsu.</p>
<p>Accreditation. Can put people off. School of Everything is about learning for fun.</p>
<p>Biggest subjects for learning at the SoE are music, arts and crafts, languages and some tutoring of more classroom based subjects.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2011/01/14/paul-miller-school-of-everything/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Justifying font choices</title>
		<link>http://www.nicksmith.co.uk/blog/2010/11/13/justifying-font-choices/</link>
		<comments>http://www.nicksmith.co.uk/blog/2010/11/13/justifying-font-choices/#comments</comments>
		<pubDate>Sat, 13 Nov 2010 16:08:29 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[browsers (UA)]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=474</guid>
		<description><![CDATA[<p>Web fonts are nothing new. Support for @font-face has been available since Internet Explorer 4 and the <a href="http://www.w3.org/TR/css3-fonts/">CSS3 specification</a> is being designed to standardise this innovation. So why have I been on such a roller-coaster ride with them?</p>
<p>The problem &#8230;</p>]]></description>
				<content:encoded><![CDATA[<p>Web fonts are nothing new. Support for @font-face has been available since Internet Explorer 4 and the <a href="http://www.w3.org/TR/css3-fonts/">CSS3 specification</a> is being designed to standardise this innovation. So why have I been on such a roller-coaster ride with them?</p>
<p>The problem has always been one of copyright and consistent design across browsers. With version 3.5 (released June 2009), Firefox was the last of the major browsers to support the @font-face rule. Before then, web designers had to use other ingenious font replacement methods.</p>
<p>Up until September this year my personal choice in font replacement was still <a href="http://novemberborn.net/sifr3">sIFR</a>.</p>
<p>Now, I know what you’re probably thinking… most standards-aware web designers would recoil in disgust at the mere mention of a Flash-based technology. You’d be right, in my case I had to think long and hard about whether to stick with this technology. It was a constant source of frustration for me and prompted much debate with my peers.</p>
<h2>Why would I use it?</h2>
<p>Flash is a processor hog (on Mac), it’s inaccessible (on Mac) plus some people actively block it in their web browsers (probably mostly on Mac). I used it simply because it gave me a choice of font. Something that, had I stuck with the developer coding doctrine of the time, I wouldn’t have had. On a blog where the minimal design is mostly down to my choice of font, this was important.</p>
<p>Thanks to the well-intentioned development efforts of <a href="http://www.mikeindustries.com/blog/sifr">Mike Davidson</a>, Mark Wubben and others, sIFR is mature and manages to get around a lot of the inadequacies that other font substitution technologies still suffer from. Resizing is impossible with image replacement and <a href="http://cufon.shoqolate.com/">Cufón</a>, plus what happens when images are switched off? Then there’s the screen-reader-unfriendly <a href="http://www.456bereastreet.com/archive/200905/cufon_and_screen_readers/">use of span tags</a>. sIFR text is selectable and it gracefully degrades to a chosen system font where JavaScript or Flash isn’t available (think iOS), it’s even accessible and protects fonts from online piracy, in that regard only image replacement beats it. sIFR deals with all of this.</p>
<h2>What changed?</h2>
<p>Web font services matured and started offering the web fonts I actually want to use, plus free fonts improved. With <a href="http://fontdeck.com/">Fontdeck</a>, <a href="http://typekit.com/">Typekit</a>, <a href="http://webfonts.fonts.com/">Fonts.com</a>, <a href="http://code.google.com/webfonts">Google Font Directory</a> and <a href="http://www.fontsquirrel.com/">Font Squirrel</a> I have choice! Within two weeks of Fontdeck offering my chosen font <a href="http://fontdeck.com/typeface/baskerville">Baskerville</a>, I started using it on this blog. Fontdeck can even <a href="http://twitter.com/fontdeck/status/25699231694">serve corporate fonts</a> for those that don’t use something generic. Plus, the speed with which these font services are bringing new (and old) fonts on board seems to be reaching a critical mass.</p>
<p>This means the reasons for using sIFR are diminishing and it’s taking its rightful place as a backup to open web font embedding. Which is really what it always was. Cool! Don’t use it, seriously don’t&#8230; unless you have a very good reason, it will never be as good as @font-face.</p>
<p>So when someone wants to proclaim today as the first <a href="http://www.webfontday.de/">Web Font Day</a> to promote their conference (#wbfntdy), I support it; after what feels like two years of wrangling I finally believe it’s a good time to say, at least for me, web fonts have arrived.</p>
<p>If you’re interested to read more, there are lots of great resources on the web, including: <a href="http://craigmod.com/journal/font-face">http://craigmod.com/journal/font-face</a>/</p>
<div class="update">
<p><strong>UPDATE 2011-06-29:</strong> Finally getting around to documenting the other font providers I&#8217;ve found (i.e. I&#8217;ve got them all open in a browser on my computer), these include: <a href="http://www.typography.com/">Hoefler &amp; Frere-Jones</a>, <a href="http://www.webtype.com/">Webtype</a>, <a href="http://www.type-together.com/">Type Together</a>, <a href="http://www.fontslive.com/">FontsLive</a>, <a href="http://www.extensis.com/en/WebINK/">WebINK by Extensis</a> and <a href="http://www.typotheque.com/">Typotheque</a>.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2010/11/13/justifying-font-choices/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chris Mills, Web Teaching Day</title>
		<link>http://www.nicksmith.co.uk/blog/2010/09/12/chris-mills-web-teaching-day/</link>
		<comments>http://www.nicksmith.co.uk/blog/2010/09/12/chris-mills-web-teaching-day/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 19:37:16 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[education]]></category>
		<category><![CDATA[wtd2010]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=455</guid>
		<description><![CDATA[<div>
<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the <a href="http://www.slideshare.net/chrisdavidmills/a-web-sized-education-problem">first presentation</a></em><em>, by </em></p>&#8230;</div>]]></description>
				<content:encoded><![CDATA[<div>
<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the <a href="http://www.slideshare.net/chrisdavidmills/a-web-sized-education-problem">first presentation</a></em><em>, by <a href="http://dev.opera.com/author/974138">Chris Mills</a>. It&#8217;s from Monday&#8217;s </em><a href="http://webteachingday.wordpress.com/"><em>Web Teaching Day</em></a><em> that Richard Eskins (Lecturer in the Department of Information &amp; Communications) so generously organised at </em><a href="http://www.mmu.ac.uk/"><em>Manchester Metropolitan University</em></a><em>.</em></p>
</div>
<div>
<p>Some teaching of frontend practices are bad. Tables for layout, inline JavaScript. Accessibility doesn&#8217;t normally come as a priority. Often educational establishments are only interested in the backend code. Sometimes students get taught an odd mix of skills. Example, he has a friend who learnt XHTML and eCommerce together. In another example assessment, students were asked to design a schematic for a webpage&#8230; in PowerPoint!</p>
<h2>Why does this situation exist?</h2>
<p>HTML was created around 1990 but wasn&#8217;t standardised before the middle of the decade. Browser support was all over the place, standards didn&#8217;t do much to make things harmonious. <a href="http://en.wikipedia.org/wiki/Tableless_web_design">Tables for layout</a> were the only way to get consistency on a website. In those days we also weren&#8217;t thinking about progressive enhancement and accessibility. A lot of the courses that exist today may well have been written around that time. We need <strong>real</strong> accessibility a.k.a inclusive design, universal design or design for all.</p>
<p>Courses need to have proper production skills, workflows, testing, teamwork &#8211; students are not taught all of these elements of web design. Also, web designs don&#8217;t need to look the same in every browser. Is this a utopian dream?</p>
<p>Things we need to get rid of, tables for layout, books in uni libraries that talk about Netscape 3 and DHTML (Chris admitted that he once spec&#8217;ed out a book on &#8220;IE DHTML and Netscape DHTML&#8221;).</p>
<p>He wants to get rid of courses that want to run before they can crawl. He also wants to get rid of dumb sys&#8217; admin&#8217; mentality of &#8220;I know IE therefore no other browser can be installed&#8221;.</p>
<p>The web is a problem that doesn&#8217;t have a natural home in one university department.</p>
<p>In a lot of university departments there seems to be lack of web experience. He knows an example of a student being marked down for using CSS for layout because the curriculum demanded tables. Is there a lack of support from departments? Are teachers being trained properly?</p>
<h2>The solution</h2>
<p>Chris wants to get rid of the excuses. Lots of educators say they don&#8217;t have the resources to keep up. He wants to create these resources. He wants to &#8216;evangelise&#8217; (although don&#8217;t use that word &#8211; <em>we had a few discussions about alternatives during the day</em>), in order to mold better web developers.</p>
<p>Chris has created the <a href="http://www.opera.com/company/education/curriculum/">Opera Web Standards Curriculum</a>. 60 articles to teach you the basics. these are being released under Creative Commons. Educators need to find industry people to advise them on what&#8217;s needed, educators need industry people for placements, educators can ask industry for guest lecturers for where they may have a knowledge gap.</p>
<h2>WaSP</h2>
<p>This has a curriculum. <a href="http://interactwithwebstandards.com/">Interact with Web Standards</a> was produced for educators to have it all in one place. it tries to be an holistic view of web design.</p>
<h2>Mozilla collaboration with P2P School of Webcraft</h2>
<p><a href="http://blogs.p2pu.org/blog/2010/07/02/p2pu-school-of-webcraft-launches-true-awesomeness-ensues/">P2P School of Webcraft</a>.</p>
<p>Students build a real web project that is assessed by people in the industry, the project is then put up online as a portfolio site. It&#8217;s good because it works outside the university structure.</p>
<h2>Open Web Education Alliance</h2>
<p><a href="http://www.w3.org/2005/Incubator/owea/">OWEA</a>. Supposed to be an umbrella scheme, to stop people standing on each others toes.</p>
<h2>Outreach activities</h2>
<p>He&#8217;s trying to get the whole community to do outreach. OWEA is only 10 &#8211; 15 people, they want to collaborate with other practitioners in Russia or African countries, i.e. not everyone wanting to learn speaks English. He has a resource called &#8220;Train the Trainers&#8221; which isn&#8217;t out yet. University tours by Opera. Meetup events called &#8220;WE Rock&#8221; (<a href="http://webeducationrocks.com/">Web Education Rocks</a>) to get non-technical people involved.</p>
<p>We also need to educate administrators at universities since they release funding. He sees this working with web professionals at the centre. <em>He shows a diagram of the cycle of education as it revolves around professionals</em>.</p>
<h2>Government and international outreach</h2>
<p>What about getting legislation in Government? Chris has a project underway on that.</p>
<h2>Q&amp;A</h2>
<p>Q. Accreditation, it&#8217;s an important issue, how do you see it happening?<br />
A. OWEA thinks it&#8217;s a red-herring at this stage in the process. He wants to leave it to universities. He thinks it&#8217;s not easy to set up a professional body. But he&#8217;s working on it. When Chris starts talking about this with existing web professionals he finds they&#8217;re worried that suddenly they&#8217;ll be up against people with a web qualification.</p>
<p>Q. What about student expectations of wanting to learn the software?<em> Chris from Oxford Brookes says that&#8217;s what he gets.</em><br />
A. In Chris&#8217; experience he usually recommends people can use whatever software they want but they must start form the fundamental principles.</p>
<p>Q. Is there a need for a portfolio based qualification? But also, for the questioner, it&#8217;s the soft skills that come with being a developer that he finds are missing from some graduates, isn&#8217;t this something worth teaching?<br />
A. Chris is trying to tell educators to run projects in as real-world way as possible. <a href="http://interactwithwebstandards.com/">His book</a> shows how to interact on the web, showing mature social interactions. Questioner wants an NVQ style qualification.</p>
<p>Q. This reminds the questioner of <a href="http://www.amazon.co.uk/Inmates-are-Running-Asylum-High-tech/dp/0672326140">Alan Cooper&#8217;s The Inmates Are Running The Asylum</a>. How do we wrestle control back from the techies?<br />
A. We need marketers and other stakeholders to get involved. It&#8217;s a difficult question.</p>
<p>Q. What&#8217;s his experience of the strengths of those who have learnt it for themselves?<br />
A. Chris has seen great home schooled people, also not so good university graduates. He knows a fair few kids who have purposefully dropped out of a course because they weren&#8217;t being taught the right stuff.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2010/09/12/chris-mills-web-teaching-day/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How not to design, deliver and promote an MA in Web Design</title>
		<link>http://www.nicksmith.co.uk/blog/2010/09/12/how-not-to-design-deliver-and-promote-an-ma-in-web-design/</link>
		<comments>http://www.nicksmith.co.uk/blog/2010/09/12/how-not-to-design-deliver-and-promote-an-ma-in-web-design/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 17:33:25 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[education]]></category>
		<category><![CDATA[wtd2010]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=440</guid>
		<description><![CDATA[<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the second presentation from Monday&#8217;s </em>&#8230;</p>]]></description>
				<content:encoded><![CDATA[<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the second presentation from Monday&#8217;s <a href="http://webteachingday.wordpress.com/">Web Teaching Day</a></em><em> that Richard Eskins (Lecturer in the Department of Information &amp; Communications) so generously organised at <a href="http://www.mmu.ac.uk/">Manchester Metropolitan University</a></em><em>.</em></p>
<p><em>The presentation was by David Watson, programme leader for the <a href="http://www.gre.ac.uk/courses/pg/www/webdes">MA in Web Design and Content Planning</a> at <a href="http://www.gre.ac.uk/">The University of Greenwich</a>. See <a href="http://www.websitearchitecture.co.uk/webteachingday">David&#8217;s presentation in PDF and PowerPoint</a> formats</em><em>.</em></p>
<h2>Website Architecture</h2>
<p>At the University of Greenwich Web (Design) Architecture is taught in the school of Architecture and Construction. Their course has been going for 10 years and the first cohort came out in September 2003.</p>
<h2>Why bother?</h2>
<p>They saw a gap where web design should be. 10 years ago web design was being lead by either the graphic of computer science courses. They compared this to architecture (it&#8217;s David&#8217;s background). The architect at the centre of the picture can&#8217;t deliver a building without the engineers and the web designer is in the same position.</p>
<p><img class="prepend-1" src="http://www.nicksmith.co.uk/blog/wp-content/uploads/2010/09/david_watson.jpg" alt="David Watson identifies a gap in Web Design teaching between Computer Science and Graphic Design courses." width="451" height="338" /></p>
<h2>Some key points</h2>
<ul>
<li>Don&#8217;t be too specific with the course description, e.g. Don&#8217;t write &#8220;will learn CSS 2.1&#8243; in the course spec. This will change over time.</li>
<li>Don&#8217;t even think about trying to keep yourself up to date with everything. Accepted norms and standards can easily change. Consider your role as a team leader rather than teacher and learn with your students.</li>
<li>For 10 years they didn&#8217;t recruit well. They needed to promote properly. They made a <a href="http://www.websitearchitecture.co.uk/">marketing web page</a>, He even uses the website as a teaching tool. He came up against university politics just trying to teach PHP on the course.</li>
<li>Earn while you learn (cheesy but true). A lot of their students managed to earn more money on their thesis project than they spent on the course.</li>
<li>He&#8217;d like to provide more web business content into the course. He wants to interface more with the industry. Get students to intern in offices.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2010/09/12/how-not-to-design-deliver-and-promote-an-ma-in-web-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Web Standardistas</title>
		<link>http://www.nicksmith.co.uk/blog/2010/09/12/the-web-standardistas/</link>
		<comments>http://www.nicksmith.co.uk/blog/2010/09/12/the-web-standardistas/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 16:53:34 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[education]]></category>
		<category><![CDATA[wtd2010]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=434</guid>
		<description><![CDATA[<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the last presentation before lunch </em>&#8230;</p>]]></description>
				<content:encoded><![CDATA[<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the last presentation before lunch from last Monday&#8217;s <a href="http://webteachingday.wordpress.com/">Web Teaching Day</a></em><em> that Richard Eskins (Lecturer in the Department of Information &amp; Communications) so generously organised at <a href="http://www.mmu.ac.uk/">Manchester Metropolitan University</a>.</em></p>
<p><a href="http://www.mcmxc.org/">Christopher Murphy</a> and <a href="http://www.takete.com/">Nik Persson</a> (the <a href="http://www.webstandardistas.com/">Web Standardistas</a>) from the <a href="http://www.ulster.ac.uk/">University of Ulster</a>.</p>
<h2>The Context</h2>
<p>Getting into web design people either came from an engineering or design background. The industry has grown and we now have this job title called &#8220;web designer&#8221;. In their course they used to mix-in only maybe a small part of the other side of web design. So, a graphic course would have a small part of code and vice versa. These were the old days, but it sometimes still exists now, there&#8217;s a separation of design and technical. They call it the &#8220;nerd/designer continuum&#8221;.</p>
<p>They have a good setup, some of their lecturers are from industry. They don&#8217;t want to lose touch with contemporary practice.</p>
<h2>Segregation vs. Integration</h2>
<p>They have two types of course set up:</p>
<p>Option A.<br />
The course they&#8217;re teaching at the moment. Mostly computer science lead. There are 11 engineering modules and 7 design. The content of the course is based on what the people in engineering decide.</p>
<p>Option B.<br />
The Visual Communication course only teaches one module on WordPress and how to go &#8220;from print to web&#8221;. The problem with this is that students learn nothing about web design. They think they can do it all in Flash.</p>
<h2>What&#8217;s wrong with this segregated approach?</h2>
<p>Everything. It&#8217;s not what the graduates of today need. We need to rethink how we do these courses urgently. They came up with a new course, they ran into political problems (again) over cannibalising numbers from older courses.</p>
<p>Can graduates leave without learning all of the basics they need? No. No employer should be expected to teach the rest of web design. industry is struggling to keep up with client demands, they have no time go teach web design (but it&#8217;s almost expected by some educators).</p>
<p>It&#8217;s a really big list of principles that people need to know if they want to learn web standards. They use a lot of exemplars, <a href="http://www.subtraction.com/">Koy Vin</a>, <a href="http://fontdeck.com/">FontDeck</a>. The lecturers also need to keep learning more.</p>
<p>They don&#8217;t use Dreamweaver in their teaching, they use free tools. Their course is based on a deep understanding of markup. They create a lot of markup documents with intricate comments. This is part of their role as editors for their students, they make the files more useful for the students.</p>
<h2>The Educators&#8217; Toolbox</h2>
<ul>
<li>Face-to-face,</li>
<li>Lectures,</li>
<li>Seminars,</li>
<li>Tutorials,</li>
<li>Distance &#8211; using the tools at our disposal,</li>
<li>Engaging the audience,</li>
<li>Build communities.</li>
</ul>
<p>They also have one-to-one time with students, including meeting in the pub. They scheduled a tutorial session between 1 and 5 on a Friday afternoon in order to weed out the less passionate (potentially time wasting) students.</p>
<p><em>I had a gap here where I zoned out responding to emails!</em></p>
<p>The language that you use in course documentation &#8211; they&#8217;ve been going through and removing specifics of mentioning HTML or any particular technology. They got to the stage where the engineering department wouldn&#8217;t teach CSS alongside it because it wasn&#8217;t mentioned in the course description.</p>
<p>Student feedback is important. Read the negatives and find out what&#8217;s not working there. Use the feedback to change your delivery. Ensure your teaching is fit for purpose.</p>
<p>Iterate. Sometimes lecturers focus too much on research projects. They don&#8217;t necessarily update their course content. Don&#8217;t be afraid of throwing away old content.</p>
<h2>Q&amp;A</h2>
<p>Q. Have they incorporated audio in their course?<br />
A. They have thought about it, but are not in the situation where they going to implement it. They do change content all the time, partly inspired by what they learn from students. There are ways to change content.</p>
<p>Q. At undergraduate level what are the top 5 technologies their students have heard of?<br />
A. HTML, CSS, JS, PHP and other more general content eg. <a href="http://www.amazon.co.uk/Understanding-Comics-Invisible-Scott-McCloud/dp/006097625X">Understanding comics</a> by Scott McCloud.</p>
<p>Q. How do you differentiate the level of the content eg for undergraduate and postgraduate?<br />
A. It&#8217;s just a different approach rather than different content.</p>
<p>Q. Surprisinng that they&#8217;re still doing one-to-one tutorials. Greenwich has studio critiques, how is it set up?<br />
A. One to ones are lab based.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2010/09/12/the-web-standardistas/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Andy Clarke, Web Teaching Day</title>
		<link>http://www.nicksmith.co.uk/blog/2010/09/07/andy-clarke-web-teaching-day/</link>
		<comments>http://www.nicksmith.co.uk/blog/2010/09/07/andy-clarke-web-teaching-day/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 15:46:35 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[education]]></category>
		<category><![CDATA[wtd2010]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=427</guid>
		<description><![CDATA[<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the last presentation from yesterday&#8217;s </em>&#8230;</p>]]></description>
				<content:encoded><![CDATA[<p><em>These are just my notes, there may be inaccuracies. I share them because they&#8217;re more useful on the web than sitting in Google Docs. Thoughts, corrections etc, please put them in the comments.</em></p>
<p><em>This was the last presentation from yesterday&#8217;s <a href="http://webteachingday.wordpress.com/">Web Teaching Day</a></em><em> that Richard Eskins (Lecturer in the Department of Information &amp; Communications) so generously organised at <a href="http://www.mmu.ac.uk/">Manchester Metropolitan University</a></em><em>.</em></p>
<p>Andy hasn&#8217;t been involved in education since he left trent polytechnic in 1985. He&#8217;s unqualified in talking about education. He&#8217;s also famously unemployable so knows nothing about what corporations want.</p>
<p>He wants to facilitate a discussion. His son Alex has just got into university. When he was younger he&#8217;d completed an IT course with web design as a part. The teacher took them through to FrontPage. The teacher was convinced tables are were the way to do it. Alex took issue with this. He failed the class.</p>
<p>Andy&#8217;s general impression is that curriculums take ages to create, e.g. success criteria etc, and particularly in this industry the knowledge is moving a lot faster. We need to refocus education away from the measurement criteria, tools and technologies and on to best practice and ways in which we can teach students to be self sufficient.</p>
<p>Most people don&#8217;t study what they end up doing. Their final job often doesn&#8217;t reflect this. Andy feels lucky that he got himself onto an unstructured fine art course. Most people find that incredibly intimidating, a lot of the other students spent a huge amount of time in the life drawing class because they couldn&#8217;t deal with finding their own ideas and finding their own path.</p>
<p>This taught him how to stay motivated. We often accept somebody else telling us what to do. We need to refocus on how to learn, how to question and do things that are not part of convention.</p>
<p>In 1997 he was working in an ad agency in London. He then moved to North Wales and at that time he wanted to work for a local design group in the area. However, he got into the internet and he felt completely unqualified, he still does. He doesn&#8217;t think it&#8217;s about qualifications, it&#8217;s about attitude.</p>
<p>At a later conference he heard for the first time about web accessibility. He started a programme for 6 months where he taught himself good coding and CSS for layout. There were very few resources around so he spent months learning it for himself.</p>
<p>Over the course of the next couple of years there was a huge rise in blogging on such experiments. The stuff they did changed the face of the industry, they published it, they got it out there for free. Lots of people couldn&#8217;t understand why you&#8217;d spend months figuring something out and then give it out for free. That process of participation is what he wants to encourage in institutions. Let&#8217;s get them to create their own content, let&#8217;s get them to participate.</p>
<p>The people that are starting their journey now as students need to be participating in the industry, contributing to W3C working groups for example.</p>
<p>In his book Transcending CSS he mostly talked about attitudes to CSS and HTML. A lot of people said he doesn&#8217;t understand the real world. Over the fours years since then some of those ideas have become more mainstream. Two years ago, he wrote an article about fonts in IE6. It lead on to his new book, people said he&#8217;s barmy. He&#8217;s now getting emails saying he&#8217;s right (it&#8217;s all about websites looking different in different browsers).</p>
<p>Conventions guide us, but they shouldn&#8217;t limit our creativity. It&#8217;s about having an attitude and being able to question what you&#8217;re being told. How can we foster that? He wants people to push boundaries and question what they&#8217;re being taught. It&#8217;s less about what the industry wants, because all they want it what affects them now. Its about the wider community. It&#8217;s about getting the conversation started.</p>
<h2>Q&amp;A</h2>
<p>There was a general Q&amp;A, Andy didn&#8217;t necessarily supply these answers, they mostly came from the group.</p>
<p>Q. Whats the difference between web designer and web developer?<br />
A. The distinction is blurred. They&#8217;re not polar opposites, just because you&#8217;re backend doesn&#8217;t mean you&#8217;re not designing, you could be designing a beautiful object in code.</p>
<p>Q. How much of this is instinctive and how much can it be taught?<br />
A. Some of it is about just inspiring people. Mentoring. but how do you pay for the teacher&#8217;s time? E.g. Jeffery Zeldman did a website critique session at An Event Apart conference. Even people in industry can mentor each other.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2010/09/07/andy-clarke-web-teaching-day/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What I didn’t know about HTML5</title>
		<link>http://www.nicksmith.co.uk/blog/2010/08/18/what-i-didnt-know-about-html5/</link>
		<comments>http://www.nicksmith.co.uk/blog/2010/08/18/what-i-didnt-know-about-html5/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 20:45:15 +0000</pubDate>
		<dc:creator>Nick Smith</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[browsers (UA)]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[development tools]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.nicksmith.co.uk/blog/?p=380</guid>
		<description><![CDATA[<p>(Plus a little bit of CSS3).</p>
<p><a href="http://www.brucelawson.co.uk/"><em>Bruce Lawson</em></a><em> from Opera software came to </em><a href="http://skillsmatter.com/"><em>Skillsmatter</em></a><em> on Wednesday night to talk about HTML5 (</em><a title="Video of Bruce's talk here" href="http://skillsmatter.com/podcast/ajax-ria/html5-and-css3-101"><em>video here</em></a><em>). What follows are my notes. I&#8217;m not an HTML5 boffin, but I did start to </em>&#8230;</p>]]></description>
				<content:encoded><![CDATA[<p>(Plus a little bit of CSS3).</p>
<p><a href="http://www.brucelawson.co.uk/"><em>Bruce Lawson</em></a><em> from Opera software came to </em><a href="http://skillsmatter.com/"><em>Skillsmatter</em></a><em> on Wednesday night to talk about HTML5 (</em><a title="Video of Bruce's talk here" href="http://skillsmatter.com/podcast/ajax-ria/html5-and-css3-101"><em>video here</em></a><em>). What follows are my notes. I&#8217;m not an HTML5 boffin, but I did start to code a client site in the new doctype recently. Here are the bits I thought were interesting. To read it properly you need to understand more about HTML5. I&#8217;d recommend the </em><a href="http://html5doctor.com/"><em>HTML5 Doctor</em></a><em> website or tentatively (I haven&#8217;t read it) </em><a href="http://introducinghtml5.com/"><em>Bruce and Remy&#8217;s book</em></a><em>. Sorry for any typo&#8217;s etc in the following.</em></p>
<p><a href="http://www.opera.com/">Opera</a> did their own study of the top twenty class and ID names because Google wouldn&#8217;t share their results (the HTML5 spec was built on the results of Google&#8217;s research). Google looked at 1000 million web pages. You&#8217;d wonder why was this important, but e.g. The ID and class names are really important for screen readers. HTML5 gives 28 new tags (or 29 because one&#8217;s still being decided).</p>
<p>There&#8217;s no version number in the HTML5 doctype because in implementation it never really mattered, bowsers will render what they can, they don&#8217;t care whether the tag&#8217;s in HTML4 or whatever. All the HTML5 doctype is designed to do is send the browser into standards mode. Therefore it&#8217;s the shortest string possible.</p>
<p>Interesting, if you don&#8217;t declare a character set, Internet Explorer (IE) has a small but real security risk. The character set declaration must appear within the first 512 bytes of the document. Browsers also never cared whether you closed your tags, they didn&#8217;t care whether you used upper or lowercase tag names. The validator did, but the browsers didn&#8217;t. The browser also doesn&#8217;t care (in HTML5) whether you put in the &lt;head&gt; and &lt;body&gt; elements, the browser puts them in if you don&#8217;t. He demo&#8217;ed Opera doing this. However Internet Explorer (I assume before IE9) won&#8217;t style up a page unless the body tag is present.</p>
<p>He recommends <a href="http://html5.validator.nu">http://html5.validator.nu</a> since it&#8217;s the validator that tends to be most up to date.</p>
<p><em>I forgot you don&#8217;t need to close tags in HTML5, that&#8217;s just weird, surely the browser has more to guess? Surely the rendering will become less predictable?</em></p>
<p><em>* Actually, I spoke to Bruce about this afterwards. He said 70 pages of the HTML5 spec are devoted to telling browsers what to do when elements aren&#8217;t closed properly. Therefore any guesswork (not really guesswork if it&#8217;s in the spec) on the browser&#8217;s part will be consistent across all </em><acronym title="user agents"><em>UAs</em></acronym><em>. The only thing I didn&#8217;t ask about is what happens in browsers that use the<a href="http://code.google.com/p/html5shiv/"> HTML5shiv</a> and don&#8217;t support HTML5, e.g. if IE reads the page, is it still rendering in HTML4? Do I still need to use closing tags to help it along?</em></p>
<p>The &lt;small&gt; element has been redesigned in HTML5 to mean &#8216;copyright&#8217;. It&#8217;s designed to isolate legalese from the rest of the content.</p>
<p>When thinking of &lt;article&gt; don&#8217;t think of a newspaper article (one per page), think of an article of clothing. If the content is discrete and could be pulled into another website it&#8217;s probably an article.</p>
<p>HTML5 can be styled in IE without JavaScript but you must know the DOM throughout. Bruce will post a link about this on Monday.</p>
<h2>Forms</h2>
<p>In HTML5 the browser implements standard error messages for forms. What I didn&#8217;t know was using JavaScript, you can intercept these messages and replace with your own. HTML5 is potentially more accessible since &#8220;built-in beats bolt-on&#8221;, if a slider etc are already built into the browser it&#8217;s better for you and accessibility. At the moment the date picker doesn&#8217;t work very well with screen readers. It currently depends on the browser and the operating system. <a href="http://www.nvda-project.org/">NVDA</a> and <a href="http://www.apple.com/accessibility/voiceover/">VoiceOver</a> both work quite well with HTML5 forms. The leading commercial screen reader vendors don&#8217;t appear to be interested.</p>
<h2>Video</h2>
<p>HTML5 video controls are keyboard accessible. You can use a still image to represent a video on screen but there&#8217;s a bug in Mobile Safari that doesn&#8217;t show the default image. Supporting <a href="http://en.wikipedia.org/wiki/Ogg">Ogg</a> and <a href="http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC">H.264</a> at the same time is possible! For Safari you put in a second child video source that&#8217;s coded in MP4. It means you have to encode your video twice to be cross browser compatible (three times if you use a Flash fallback). Put in an Ogg &lt;source&gt; for Opera, an H.264 &lt;source&gt; for Safari, then a Flash &lt;embed&gt; for IE (before IE9). There&#8217;s a bug in iPad that means it only recognises the first source element, so where you want to include H.264, Ogg and Flash fallback, you need to include them in that order. <em>Bruce plans to post his code examples for all of this on Monday, or you can review the video at the top of this post.</em></p>
<h2>CSS3</h2>
<p>There were lots of snippets of information on this. All I wrote down was the following: if using vendor prefixes in CSS, Bruce always includes all for the major browsers e.g. -moz- ,-ms-, -o-, -webkit- and the unprefixed statement, e.g &#8220;transition:&#8221;. Use these features with caution, you don&#8217;t know if proposed CSS declarations will be modified in implementation or dropped from the spec entirely (as &#8220;box-shadow&#8221; apparently has been, but it may come back).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicksmith.co.uk/blog/2010/08/18/what-i-didnt-know-about-html5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
