Webstock is a conference series in New Zealand focused on web development best practices and trends. It features talks from industry experts on topics like accessibility, usability, web standards and more. The 2011 conference included sessions on content strategy, visualizing information, mobile web development, performance optimization, APIs and emerging technologies. Speakers discussed their experiences building products and services at companies like Google, Facebook and more.

1. http://www.flickr.com/photos/webstock06/5452548587/ Prepared By Simon Gianoutsos All photos Creative Commons from http://www.flickr.com/photos/webstock06/

2. “Webstock is a range of web-related events with the aim of improving how websites are built through inspiration, education, insightful analysis and practical application. It features industry leaders and kick-ass speakers talking on topics such as accessibility, web standards, usability and other best practices.” Source: http://www.webstock.org.nz/about/

8. HTML5

9. Local Storage

10. Offline

12. Keep specificity as low as possible

15. Loading via dom using Javascript.

16. Deliver HTML

17. Defer Javascript downloading

18. Parallel downloading and rendering

21. Content is like a fragile plant and once you plant it you need to take care of it (feed it, water it, ecosystem etc.)

23. GUI: for real people, API: for programmers

25. Deliver value early

26. Sweat the small details

27. Embrace serendipity

28. Package it nicely

29. Listen, respond & act

30. People have a strong desire to return to a delightful place

33. Features requests are one input of many; Stand up for your own vision

34. E.g. nobody would ever have asked for a glass phone with no buttons, looking at predecessor phones

35. Use technology conservatively

36. There’s always something new

37. Buggier, Less ability for problem resolution …

38. Boring == Stable

40. .Diagrams Creative Commons from http://www.flickr.com/photos/25541021@N00/

42. If it looks like a physical object people will attempt to interact with it like that object.

43. Animation provides feedback to your design metaphor.

44. The more features you have the more controls you need

45. Clarity should trump density. Just enough is more.

46. Gestures are the keyboard shortcuts of touch interfaces (instead of clicking or buttons)

47. Buttons are a Hack

49. LessonYou set the rules Advice has context “I’m not a _______ person” is twaddle Trust your inexperienced gut “That’s how it’s done” is bull5h1t

55. “What happens when Ideas, Buildings, Objects, Media, Environments, Appliances, Vehicles and Information have Sex?”

56. Bloody amazing things happen

57. Objects as Services

58. Why bother owning something at all?

61. Static pictures are brilliant as memory anchors

62. Visual communication is a two way street; it takes collaboration between the artist and the audience.

64. Even heroes are scared shitless

65. What’s the worst that can happen?

68. http://gianouts.blogspot.com/2011/02/webstock-2011-conference-day-one.html

69. http://gianouts.blogspot.com/2011/02/webstock-2011-conference-day-two.html