The hacketon was organised by Google and Spil Games and was held at the S pil Games Headquarter The hole idea was to hack some games together with HTML5 and discover the possibility’s of HTML5 and the surrounding API’s At 8.00hr i left with the train in Antwerp to Hilversum with a stop in Rotterdam and Utrecht. Around 10.30 i arrived at the Spil HQ. There was already a mingling going on. The Game Jam opened around 11.00hr and was lead by Gregory Kukolj of Spil Games with a short intro of what will happen the next 30 hours. Then a introduction of Peter Driessen the CEO off Spil Games. Around 11.30 there was a presentation of a Game Developer from Spil Games Shangai, He told us about his experience with html5 and give us 10 tips about developing with HTML5. A short word from Google dude Michael Mahemoff about google’s view on HTML5 and the future. And showing the 1ste prize, a Samsung Galaxy Tab. The following 20 minutes Paul Irish came to talk about all the cool stuff arou...

The following articles will be about HTML5 and all the things around it. This article is about the real meaning behind semantics and why we should use it. And a intro into HTML5 Semantic elements and some explanation and documentation of this mater. What is the relation and difference between Syntax and Semantics. Semantics is related to Syntax, where Syntax is how you say something where Semantics is the meaning behind things. Let,s take the following sentence as an example: I Love Code! The Syntax is about the letters, words and punctuations in the sentence The Semantics is what the sentence actually means in this case it means you enjoy about and write new code. If we change it to I Code! , we changed the syntax of the sentence. But note that the Semantics stay the same, you still enjoy about and write new code. So years ago we started to let computers talk to each other with Syntax but we never learned what the words mend. What is the problem’ we have the Internet that lets u...

Yesterday i was reading the “Progressive Enhancement demystified” on the .Net site. It was one of those articles that was bookmarked to read later. The article was about the difference between Graceful Degradation and Progressive Enhancement. Since i started looking at HTML5 about 2 years ago i heard these words often without really understanding them. Graceful Degradation VS Progressive Enhancement Gracful Degradation: -> think browser Takes care of the presentation in this proces the site or app get build for the most advanced and fancy browsers. In this paradigm older browser get little attention. Only the big errors get fixed and only for a few previous version. In other words it gets to the other buzz word “Fallback”. You make sure that for the functionality you use other minor browse can use a alternative or a message of the short coming of there browser. Can’t use canvas then use flash for example. Progressive Enhancement: -> think content It is all about the content. St...

It’s been a while now but finally I had some time to set-up some started projects. A while back I was doing a lot of research into all the new methodologies and technology’s. After reading and testing a lot with Local storage, Responsive Web Design, Mobile First, Progressive Enhancement and Graceful Degradation. Progressive Enhancement approach I realized that having those new skills is great but how to use them? This made me think about my work flow and how to approach a new project. It has to be Mobile First, but Graceful Degraded or Progressive Enhanced? And what with Responsive Design how to tackle this? A while back I saw a presentation from Nicolas Zakas and when seeing this screenshot on the right I realized that we have to try to create our UI as simple as possible and then layering up. This results in a long journey of reading, watching video and hack some stuff together to test and get results. Where to begin? That was my first question, I based my quest on the s...