No Clean Feed - Stop Internet Censorship in Australia

get your barcamp on

BarCampSydney 4 has just been announced for the 15th of November. For details, head on over to BarCampSydney | BarCampSydney 4 - Let’s do it!!.

Labels: , ,

web standards group sydney, 2008.10.07

st mary's (2)

The WSG Sydney October 2008 meeting was held at the Australian Museum tonight, at the rather nice 4th floor/balcony venue. These are my notes from the event.

Chris Khalil – Ambient Personalisation

What is ambient personalisation? It's like Homer's ass groove in the couch. He didn't change any settings, he didn't actively change anything. He just used the couch and it slowly conformed to his needs.

It's intuitive and it's set and forget. It should never be groundhog day where you have to redo everything every time you visit. Low barrier to entry – no opt in, no complex tricks to learn.

It's like the site having your footprints. You don't think about it, they just happen.

Why use the ambient approach instead of giving your users all the options and letting them choose? Feedback suggests they think it will be time consuming and too hard. There's a risk of making them feel a bit stupid. They want the effects of personalisation but they don't want to do it.

news.com.au (soon to be relaunched)

News is personal – people might be keen on news and sport but HATE entertainment/gossip. Or they might like entertainment and travel but hate business. Everyone has their own news preferences, likes, dislikes.

Testing showed that users want choice, convenience and control. No matter how strong someone's preferences are, they are likely to change over time.

People like local content. They want to know what's happening in their city, their suburb, even their own street if it can be done.

[My aside: simple newsworthyness values still apply online – local news tends to be more compelling than global news.]

Problem during testing – 90%+ of people didn't know or understand the paradigms of personalisation. They didn't think to click and drag, drag and drop etc. So news.com.au created friendly messages in a handwritten “callout” style to explain things simply. The simpler the better – instructions got down to one word – click, drag, etc. Part of the trick was to make the instructions clearly different from ads.

www.chriskhalil.com

Lachlan Hunt – New Stuff in Web Standards

Talking about new stuff that's actually being implemented in browsers.

Design principles

Include, but not restricted to...

  • Browsers must remain compatible with existing content. New features must degrade gracefully. Don't reinvent the wheel – even if something is proprietary.
  • Pave the cowpaths – look at use cases, what do authors already do and then improve as required. Evolution, not revolution. Solve real problems – ensure the work is relevant.
  • Theoretical purity is not the priority. Users are the top priority.
  • Minimise differences between HTML and XHTML. Allow scripts to work with both if possible.
  • Handle errors – the spec must define what to do when things go wrong.
  • Accessibility – built in, not added on.

What's new?

HTML

  • New structure and semantics. Looked at the class names that people were using repeatedly; hence elements like header, footer, nav, article, aside, footer.
  • Impelementation – there's no native support for these new elements, but you can still style them in most browsers and use a createelement() hack in IE. In other browsers you just use CSS to set the new elements to display block.
  • New multimedia elements – video, audio, canvas.

CSS

  • Transforms: scale, rotate, skew...
  • animations (proposed by apple)... transitions, duration, etc...

DOM

  • Selectors API... Document and element interfaces – eg querySelector()
  • getElementsByClassName() - hooray!
  • Offline web applications – gears-esque.

Development tools

  • HTML5 conformance checker (note that it's more than just a validator). Checks for things like table integrity, not just tag formation.
  • Parsing libraries to reduce reliance on regex hacks.

Q&A

Q: are the screen reader makers involved or buying in?
A: screen readers are less of an issue than the browser vendors, as the screen readers are told about the document by the underlying browser. Eg. what level heading is it? The browser tells the screen reader.
Q: Why did you not add a generic heading, despite adding <section> and other new elements?
A: basically due to degradation. Old browsers can handle <h1> better than <h>.
Q: Why are elements like <section> ok but <h> is not?
A: section and other new tags degrade and act basically the same way as <div> tags.
Q: re: the use of h1 instead of h – what will Google make of that?
A: Google are involved in HTML5 work but they won't reveal exactly where they are up to with HTML5 support (or plans to support it). So, we don't know.

http://lachy.id.au/slides

Labels: , , , , ,

wds08: the stream

What follows is Web Directions South 2008, as seen on my flickr and twitter streams. With some annotations where I felt it was appropriate. I kind of like the picture that emerges :)

Day Zero

this year's badge

Day One

Opening Keynote - Lynne D Johnson: New Media...New Rules

Two notable toy trends: iPhones and little laptops/"netbooks" (Eee PC, Aspire One). In previous years, the trend was "mac laptops as far as the eye can see".

The whole Esquire cover thing... it just blinks, which is annoying. I don't want my magazines to blink at me (I don't want any media to blink at me). I don't particularly want magazines to "update over 30 days" either - if I want that I'll go look at your website.

I forget the precise wording of the question, but it was something about Google's potential dominance of media meaning that Brin and Page's politics would "become our politics". That's just too simplistic - all publications have bias, whether people adopt that bias comes down to how much they think and how much they just absorb.

Derek Featherstone - Accessibility beyond compliance

I should mention that I refer to anyone doing any form of door duty as "doorbitch". It's not a derogatory term and I've done doorbitch duties myself.

But seriously, who denies geeks caffeine? :)

webpage rescue derek featherstone a new meaning for bed and BReakfast markup

This is true. When I describe how users give commands to Dragon Naturally Speaking, I probably do a slight Derek impression.

Grant Young – social media

JS libraries

Jeff Croft

big brother

Jeff made a comment that came across as wanting to ignore accessibility concerns (although he said later that wasn't his intention). It didn't go down so well on the back channel...

Later on, there was some discussion about how many typography rules have been or should be rewritten for the web. Croft did mention the issues around the choice of serif vs. sans-serif, where the rules were essentially reversed online.

August de los Reyes

(I have a degree in Journalism and Philosophy, but work in IT. So... yeah :))

Day One drinks

darling harbour dusk discussion invisible deck hiYAH! badger flasher

Webjam 8

olpc huddle chaals olpc

Day two

Jeff Veen – Designing through data

Yes, it was my 30th on day two. Not a bad way to spend your birthday, really.

jeff veen jeff veen

Link: veen.com/wds08.pdf

Note - connectivity issues ensued.

Jina Bolton – sexy stylesheets

Michael(tm) - HTML5

Miles Eftos – openid, oauth

I should mention the wifi was great given all the restrictions. At some points I strongly suspect there were a few people abusing the network with high-bandwidth stuff (probably photo/video uploads).

Daniel Burka

Surface and afternoon tea

fingertip computing geeks love gelati

Mark Pesce

Before the speech
behind you, mark, behind you! mark turns around

after party

cam likes code. and tunes. excalistraw e. me'n'john standardzilla attacks! you like code? I like code!
chaals gets ready Go Chaals! dancing to rick astley dancing to rick astley me, derek and chaals IMG_0937 arm out photo time thinking michael 99 chaals is a hit with the ladies chaals is a hit with the ladies chaals is a hit with the ladies aree strikes a pose martin me furry ears and a straw

The day after...

Sunday

See also: WDS08 - the notes.

Labels: , , , ,

wds08: the notes

In the tradition of my "big stonking posts", these are my notes from WDS08 - basically unfiltered for the most part (so, effectively they are "liveblog" in tone). Anything [inside square brackets] is an aside, my own thoughts rather than something the speaker said. I did think about putting these into the stream post, but it was just getting insanely long :)

Day One

Lynne D Johnson: New Media...New Rules

  • Discussing Marshall McLuhan's work – the medium is the message.
  • “print is a dying a breed... it's not dead yet, but it will serve a new purpose...”
  • “What has become of print?”
  • Tom Foremsi – google cheated newspapers by commoditising content
  • Does it matter where you get content from? Shouldn't producers just work out how to get along with new ways to deliver content? - Yes. There are plenty of new ways to make money!
  • Users still trust experts on factual information, so that still means they trust old media sources. They go to friends for reviews of hotels, electronics, etc...
  • But... younger users, 12-24, are starting to trust unknown peers more than experts. They have a totally different approach to media – including the fact they may want to pay for content. They don't care where the content comes from, they just want to aggregate as much as possible.
  • Discussing japanese book market – it's all on mobile phone, including some books written on mobile. Non-book sales also went up while mobile sales grew. [my though – the more people read, the more they buy...]
  • Should print be scared of Google? Well for a start newspapers are about to “get into bed” with google by letting them wear the cost of digitising newspapers.
  • What should newspapers do? Get niche, shorter stories, more stories, in depth coverage of niche content, have a distinct voice, hyperlocalism, mashups with localised content.

Derek Featherstone – accessibility beyond compliance

I was a little late into this session after being barred at the door due to having a coffee in hand. So, I drank it (too fast) and then scurried in...

  • Keyboard users can be really disadvantaged by AJAX because they get sent back to the top of the page all the time – they lose context.
  • Small barriers to general users can be major barriers to other users... but also a small improvement for us can be a massive improvement for others!
  • [2008 and we still have to point out that accessibility is not just about blind people and screen readers...]
  • “Links go places, buttons do stuff.” reason to use buttons and not links for in-page controls. Buttons also focussable by default.
  • “...we're getting a little meta here...” talking about metadata for a book about tagging.
  • Inline editing – you can't get into editing mode on flickr's editable regions. It's mouse-only. So flickr created an edit link, which takes you to another page which is preset to make everything editable. Issues: bad placement, it shouldn't be at the end of the page, after all editing is likely to be one of the first things you want to do. Also the link label is too brief.
  • Technical term: nubbin. Derek likes it because he can say “expose the nubbin”.
  • “oooh, that's evil. Popup windows bad.”
  • Use the principle of proximity: things that are related to each other should be close to each other. Insert info next to relevant location.

Grant Young – social media

  • Social media is conversation – you need to remember that. Imagine ads jumping up between people in the pub...
  • Trust barometer – who do people trust?
  • Control vs influence – what you lose in control you gain in influence.
  • Book recommendation: flipping the funnel, by seth godin
  • Social media buiding blocks: identity, presence, relationsihps, trust, groups, conversations, sharing.

[Is it a buzzword to say you'll “unpack” a term later?]

  • Grant Young having a moment of terror, realising he didn't check what he'd bookmarked on delicious before he took a screenshot...

[Discussing ambient intimacy... noting exactly why I love twitter. It keeps me in contact with friends in a way no other tool has ever managed to do.]

  • Powerhouse photo collection – more hits in 4 weeks on flickr than in the entirre previous year on their own site. Go where the people are!
  • Discussing the power of the Will it Blend? videos – incredibly cheap to make, but reaches an audience as big as a tv audience.
  • My place or yours?
    • If I go to the community will it be appropriate and will I be welcome?
    • But if I set up my own network will people be sufficiently motivated to come and join?
  • “Start small. Fail early, learn often...” lurk in networks before you launch official branded profiles.

[Single biggest thing is if you don't participate you should not attempt to market in that space. Because you don't know how it works.]

  • Doc Searls: the because effect. Make money because of something, not with something.
  • It's not just about eyeballs – it's not how many people you get, it's the quality of the relationship.
  • Second wordle spotted!
  • “I am not a 'target market'”
  • http://zum.io/wds08

Javascript Libraries panel

To be honest I was really just there for the fun of it. I know plenty of serious Javascript hackers and they pretty much agree as follows:

  • Ideally you should learn to write your own Javascript
  • Frameworks have their place
  • If you're going to use a framework, use jQuery. Or at the very least, don't use !#%&ing GWT.

So, that's what I do.

Back at WDS08 however... The sledging in the session was awesome, even if it's a bit scary that the Naked Man In Blue photo keeps turning up.

Jeff Croft - typograhy

  • “it's not about picking a cool font”
  • Book recommendation: The Elements of Typographic Style by Robert Bringhurst
  • Before you can size text on the web, you really need to understand how to size text in general.
    • An em refers to the em square, not the character size.
  • Set up a typographic scale and stick to that scale.
    • Comparison to music – using a note out of the chosen scale will sound wrong; using a font size outside the scale will have the same effect.
  • Discussing the 62.5% font sizing trick, by Richard Rutter. Set your baseline to 1em = 10px, 1.1em = 11px etc. ok except inhertiance messes it up.
  • Croft ultimately goes with px font sizing to make life easier, considers it a classic geek holy war.
  • He also suggests avoiding extreme contrast as it can be a bit hard on the eyes.
  • “The measure” = the length of a single line of text. 45-75 characters is optimal, using 1 char = 2/3 of an em. So, 30-50 ems is a good line length.
  • Strong recommendation to add more leading to your site's body text.
  • Vertical rhythm – basically, set base line height and make sure everything adds up to the same value. Including padding and so on. Double it for h1, etc...
  • Justified text just doesn't work on the web; largely because hyphenation really doesn't work.
  • “Yes, there's a shortage of fonts. Quit bitching about it.”

[So what about the whole back channel anger about his comments on accessibility vs. px sizing? I think the way to think about it is that Jeff Croft may not intend to sound dismissive about accessibility, but he does sound dismissive about accessibility. It was the same thing when his new blog design was launched with extremely low contrast.

The px font sizing thing is a real problem though - we should be able to use px and yes it is a hell of a lot easier. I have had some discussions about this at work and it is very hard to say no to px sizing in a real-world context. Microsoft: get your shit together.]

August de los Reyes - interface/Microsoft Surface

  • Discussing the way humans experience emotion; the role of play in life; and ultimately merging philosophy and IT theory. Emotion and design.
  • NUI – natural user interface, which is the space where the ms surface product sits.
  • Command line -> GUI -> NUI
  • Command line is directed and you use recall for commands. GUI is exploratory and uses recognition. NUI is contextual and uses intuition.
  • Core idea is that work and play are not opposites or mutually exclusive; and there is joy in doing things as well as joy in the results.
  • Three pillars: social, seamless, spatial. Bring people together, blur the lines between the real and virtual/technical, tap into spatial memory and 3D concepts. This should result in strong emotional connections and responses to the interactions around Surface.
  • What comes after NUI? XUI – X ui... something organic?

Day two

Jeff Veen – Designing through data

  • 1974 as the conceptual end of the sixties... hippie values became mainstream.
  • Veen had an epiphany... he saw Pong for the first time, and realised he could control what was on the screen. He could participate instead of just watching!
  • Key concept: Tools for partipation combined with the scale of data.
  • Every minute people upload 13 hours of video to youtube.
  • “the problem with data is it makes me feel dumb.” ...but the truth is when data makes you feel dumb, someone has failed in design to make it understandable.
  • Using the pump vs. deaths example, the soho pump...
  • Harry Beck – designer of the london tube map. The inspiration was to apply circuit board design onto the tube layout.
  • Let people find the story in the data. Provide the tools and let people navigate through it.
  • Wore tshirt to google: “math is easy. Design is hard.” apparently that didn't go down so well...
  • Taking a concept from zeldman – start with the user, but know yourself. Veen tweaks to know yourself, then understand the user.
  • Close the gap between who we are and the people we serve.
  • Homework – read steven johnson's “the ghost map”
  • veen.com/wds08.pdf

Jina Bolton – sexy stylesheets

  • Running through the core stuff... Write it clean, keep it clean. Clarity is beautiful (use descriptive class names etc). Comments are your friend.
  • Cross reference between stylesheets – particularly between IE stylesheets and general stylesheets. /* redefined: ie6.css line 25 */
  • CSS3 ... Has taken a long time...! note that it's broken up into modules, it's not a single spec as such.
  • Backgrounds and borders... one of the most exciting things. Being able to attach multiple images will be awesome....
  • Multi column layout – issue, the columns aren't actual nodes so you can't select them. Jina hopes it gets fixed at some point.
  • Grid layout – float-offsets and using gr (grid units) as measurement unit.

[The lack of css3 selector support has played a massive part in the markup standard i've just created. We had to include classes like odd and even on table rows; and our backend guys created a scheme of positional class names that wouldn't be required if we had nth-child selectors. Browser makers... get on with it!!!]

[My thoughts: We can apply progressive enhancement approaches to CSS, use what's available. It's available in many browsers and we can add all the cruft for IE in conditional stylesheets.]

Michael™ - HTML5

  • What works now? Canvas (only one major browser doesn't support it...), video and audio, validation without js. API for offline web applications. APIs for client side data storage (replacing cookies). Native getElementsByClassName (hoo-fucken-ray).
  • When did this journey really begin? December 1997 – when HTML4 was published as a recommendation. It was really fast, and “that can never happen again” because you need implementations before you can have a recommendation.

[OK, should that still be the way we go? Can't we have a recommendation based on a proof concept implementation in, say, opera or webkit?]

  • Value proposition for HTML5: it makes life better and easier for web developers. It increases interoperability and reduces the need for UA sniffing.
  • So what does html5 consist of? Html5 spec; support for some features in 4 major browser engines; html5 parsing libraries; validator.nu html5 validator.
  • “[the html5 spec is] A wee bit overloaded.”
  • The spec focuses mostly on specifying conformance criteria for browsers. It's not especially aimed at web developers in that sense. But it does also include the info we do need as web developers.
  • If we want the web developers version, we need to make noise about it! Blog about it, get on the html email list.
  • So much of html5 is based on this: the spec shows what authors should do; then tells browser makers what to do when authors do the wrong thing anyway. HTML5 has decided to avoid draconian error handling.
  • “don't get hung up on syntax.” html5 defines html as an abstract language with more than one syntax parsing method.... [?]
  • There's only one standard in-memory way to represent stuff and that's the W3C DOM.
  • Simplify where we can. eg. Most of the doctype is ignored by browsers, which is why they went with <!DOCTYPE html>. You have to set that to avoid “screwed up mode... fucked up mode... what is it lachlan? Ok, quirks mode.”
  • Similarly the character encoding tag is overly complex, so they bring it back to <met charset=”utf-8”>
  • demos: http://www.whatwg.org/demos/2008-sept/

[note to presenters: vim + presentations = bad]

  • As ever, legal shit gets in the way of video. MS and Apple refuse to implement ogg; firefox won't implement proprietary codecs; etc.
  • “ARIA is more of a stopgap than a permanent solution; but it's support – it's a success story.” (paraphrase)
  • Accessibility is built in to [ARIA]. ...it's baked in to the html5

Daniel Burka - usability/digg

Interesting comments about digg users – they can be quite immature, but they asked for real feedback and got it. So he says you should still give your users credit ;)

  • feedback, feedback, feedback - get lots of feedback
  • follow how people actually use your site
  • subtraction is iteration too
  • measurable goals are crucial
  • avoid announcing timelines

slides on slideshare/dburka

book recommendation: “how buildings learn” by stewart brand

Mark Pesce - this, that and the other thing

I've learned that if you're taking lots of notes in one of Mark's keynotes, yr doin it wrong. So although I had the laptop out, it was mostly just for keeping an eye on the back channel. We are hyperconnected after all.

The only notes I wrote were:

  • Key statement: We behave like crowds when we really ought to be organising like communities.
  • With a new idea – ask youself... will it help people think for themselves?

That said, I'm glad I had wifi. Mark had the backchannel up on screen through much of his talk. With freakishly good timing, my tongue-in-cheek tweet popped up:

  • behind you, mark, behind you! #wds08

Mark was steadfastly refusing to look, but the crowd laughed so much I guess he couldn't resist a peek.

See also: WDS08 - the stream.

Labels: , , ,

about

Web development and standards, as seen by Ben Buchanan.

subscribe