HTML5 picnic

HTML5 picnic is the event I visited at 11th of October. While name refers to HTML5, actually there was not that much talks on it, but still there was couple of interesting talks I want to describe you a bit.

At first, front-end architect from Cogniance – Vladimir Agafonkin

Talks about new technologies and how to embed them securely. A bit complicated, but seems to be very reliable approach of developing application. The idea is not to focus on the whole browser scope, as it’s just the way back, but to start from the very basic application version, which still will work in ancient browsers because of correct semantics. Next to this you should step by step apply changes and pregressively enhance your application to use the wider and wider landscape of technologies that browsers supports.

This links to Zakas metaphor about different TV types. W/b screen you can’t push to show colored image, but that doesn’t mean that picture that is broadcasting in the network is w/b only. So why do we code with strong dependency on the most ancient from the browsers world?

More info about Progresive Enhancement: Presentantion Progressive Enhancement 2.0 — Because the Web isn’t Print by Nicholas Zakas Next talk was from “T-shaped” designer and consultant Max TkachukIn the very fun manner he talks about project designing. He suggesting to ha 3 team which consist of 3 members in it’s areas:
  • 3 marketing guys
  • 3 crazy designers
  • and 3 code geeks
Then you go out and start investigation. You watch your target audience, you watch your competitor, types of devices people used, and so on. And then each team close itself in kitchen for dinner and brainstorming to generate as much possible ideas and point in future project as it can! Evolving ideas in concepts and critisism in couple iterations you grown 2 prototypes, which are ready to crash-testing. The one team member switched between each team and test the idea of the team he was just pushed to. As the result you will have the list of prototypes and general ideas sorted by relevancy. The list items combined together and based on it you may create the final concept which will incapsulate all the best from the ideas you had. But the most relevant talk to HTML5 was from web-developer and CSSing blog writer Yuriy Artyuh. The topic was “HTML5 based Library in your pocket when you’re offline”.After updating firmware on his iPhone something went wrong and app market was disabled. And the idea of HTML reader application was born. The project combined using such HTML5 technologies as AppCache and Local Storage – the first used to store books right in the browser, and second to save bookmarks and last position of the book. Short quote from w3c drafts: The AppCache (or Application Cache) allows a developer to specify which files the browser should cache and make available to offline users. Your app will load and work correctly, even if the user presses the refresh button while they’re offline.For supporting AppCache in your web-site you should have manifest notation to be included in you html tag.
Inside manifest itself you should store files to be cached in the browser (for offline usage):CACHE MANIFEST index.html stylesheet.css images/logo.png scripts/main.jsMore about AppCache in HTML5 specification Web Storage in HTML5 specification Overall, the event took place in relaxed atmosphere. Thanks for the organization Microsoft Ukraine.Photos was taken here: