Notes<br />Some guys talked about what they’re gonna talk about.<br />
Notes<br /><ul><li>Slides can be found here:http://www.slideshare.net/maxdesign/remix-8183752
Glossed over CSS3 but highlighted: transforms/transitions, gradients, new selectors, border-radius, box-shadow, text-shadow, @font-face as coolest features.
Talk focussed more on best practice and using CSS3 for the right reasons (not just because it’s cool) and things to consider when using, eg. Browser support, device support, vendor extensions [moz, webkit]
Talked about Nicole Sullivan’s OO-CSS concept (http://www.slideshare.net/stubbornella/object-oriented-css): look for patterns in layout and build libraries according to patterns
Talked about ‘pre-processors’, eg. LESS (http://lesscss.org/), SASS (http://sass-lang.com/). These enable you to use variables within CSS. On compile, CSS becomes bloated and conflicts with Sullivan’s OO CSS principles.
CSS Media Queries enable Responsive Design: scale across devices; start with simple linear layouts and work up from there.</li></li></ul><li>Notes<br />Free coffee and cake!<br />
Notes<br /><ul><li>Presenter Vaughan Knight (http://vaughanknight.com/) built this:http://html5cube.com/html5cube.html
Runs best in IE9 (of course!!), even though he didn’t optimise it for IE9. Used a library called three js (https://github.com/mrdoob/three.js/)
Showed us some code for a basic game, and also how it looks in a little utility he uses for game building called impactjs (http://impactjs.com/)</li></li></ul><li>Notes<br /><ul><li>There were exactly 10 things.
These included: ways to save money; ways to get pretty URLs by tweaking CNAMEs out of stuff hosted in the cloud, other than default ugly ones; can run non-windows stuff using Azure; static websites can be hosted in blob storage (http://en.wikipedia.org/wiki/Binary_large_object).</li></li></ul><li>Notes<br /><ul><li>Free food and drink!
Finalists in competition to win $40,000 worth of consulting from Microsoft presented their entries (brief was it could be anything that would be hosted in the cloud, so the idea that was best suited to this stood the best chance of winning)</li></li></ul><li>Notes<br /><ul><li>Soap creative (http://www.soapcreative.com/) presented world’s biggest pacman (http://worldsbiggestpacman.com/)
Were asked by Microsoft to build something in HTML5 to show off at conference in Las Vegas. They came up with the pacman concept (build your own pacman maze and add it next to an existing maze, and navigate between mazes).
They had 8 weeks to build it with no HTML5 experience. Yay!
Talked about libraries they used (highly recommended easeljs [http://easeljs.com/]).
Also, the basic things you need to keep in mind when, ie. Each game character represents an object programatically and a character has a personality so these are all programmed as properties of that object and the way the objects interact with other objects also needs to be programmed.
Showcased some of the great creative users have submitted so far: http://www.soapcreative.com/news/2011/04/help-create-the-worlds-biggest-pac-man.php</li></li></ul><li>Notes<br /><ul><li>The point of the talk was that with minimal code you can make a boring site look cool in very little time, using ‘social’ plugins such as: facebook like buttons, facebook login buttons, paypal buttons, disqus comments, twitter feeds, etc.
Mentioned a cool Visual Studio feature called ‘NuGet’, which can be found under Tools -> Library packet manager. I checked the version we have but we don’t have it ... it gives you the option to include the js files and other assets to use all the latest libraries so you don’t have to go hunting for them yourself!</li></li></ul><li>Notes<br /><ul><li>Free coffee and cake!</li></li></ul><li>Notes<br /><ul><li>Presented a simple demo showing in SVG and canvas.
Stuff on canvas are stateless objects; you need to maintain state yourself (hence why they use libraries such as easeljs)
SVG has referencable elements which maintains state. There are a few jquery SVG plugins (eg. http://plugins.jquery.com/project/svg) which allow you to animate SVG elements using jquery syntax.</li></li></ul><li>Notes<br /><ul><li>Showed Windows8 video off youtube.