Comment Feed for Channel 9 - Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 http://media.ch9.ms/ch9/6b3c/2b699de8-33f5-4348-93d2-7c55ba896b3c/Exam480Mod3Part2_220.jpg Channel 9 - Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 In Part 2 of this module Michael Palermo and Jeremy Foster complete their coverage of the important areas of layout and animation. During the session, they cover Legacy layouts, Flexbox, Grid, Transforms, and Transitions and Animations. Complete course outline for the Developing HTML5 Apps Jump Start: Module (01a): HTML5 Semantic Structure, Part 1 Module (01b): HTML5 Semantic Structure, Part 2 Module (02a): CSS Selectors and Style Properties, Part 1 Module (02b): CSS Selectors and Style Properties, Part 2 Module (03a): Advanced Layout and Animation, Part 1 Module (03b): Advanced Layout and Animation, Part 2 Module (04a): JavaScript Core Capabilities, Part 1 Module (04b): JavaScript Core Capabilities, Part 2 Module (05a): DOM Interactions, Part 1 Module (05b): DOM Interactions, Part 2 Module (06a): Advanced Topics, Part 1 Module (06b): Advanced Topics, Part 2 This series of videos are a great way to help you prepare for Exam 70-480. Register now to take the Programming in HTML5 with JavaScript and CSS3 exam (70-480) exam. The promotion for the free exam using the promo code HTMLJMP is over, no new registrations will be accepted using the code. If you've already registered using the code then you're set. If you want to learn how to apply these HTML5 skills to build your own Windows Store app, check out the Developing Windows Store Apps with HTML5 Jump Start. en Thu, 23 May 2013 13:39:15 GMT Thu, 23 May 2013 13:39:15 GMT Rev9 Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Great video. Thanks.

posted by payini

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634881240652320720 Sat, 10 Nov 2012 06:01:05 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634881240652320720 payini Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Very elevating and electrifying jump start!

posted by ryan9018

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634882024457916335 Sun, 11 Nov 2012 03:47:25 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634882024457916335 ryan9018 Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 good stuff guys, maybe next time the presenter can pump up the font size in vs? ctrl-+ maybe? so its easier to see.

posted by ronnel

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634883167850386158 Mon, 12 Nov 2012 11:33:05 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634883167850386158 ronnel Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2
transform: rotate(3.14rad)

you can also use the rather nifty "turn". 1turn = 360deg so:

transform: rotate(0.5turn) == transform: rotate(180deg) == transform: rotate(1.57rad)

posted by Ged Quayle

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634887176868393193 Sat, 17 Nov 2012 02:54:46 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634887176868393193 Ged Quayle Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2
transform: rotate(180deg) == transform: rotate(3.141rad) :-)

moderator feel free to amend above post and delete this. It's been a long day :)

posted by Ged Quayle

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634887192411573054 Sat, 17 Nov 2012 03:20:41 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634887192411573054 Ged Quayle Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Big Smile awesome!

posted by hupseb

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634892737235544343 Fri, 23 Nov 2012 13:22:03 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634892737235544343 hupseb Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Güzel güzel. Thx guys very good just video quality very low some times

 

posted by cakmak

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634895870211961168 Tue, 27 Nov 2012 04:23:41 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634895870211961168 cakmak Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 posted by Salman

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634896859164098460 Wed, 28 Nov 2012 07:51:56 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634896859164098460 Salman Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Good course. Thanks

posted by EliasSilva

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634901517643567500 Mon, 03 Dec 2012 17:16:04 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634901517643567500 EliasSilva Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Liked the presentation and the content...

Looking forward to start coding...

posted by mohandeval2

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634903453583924109 Wed, 05 Dec 2012 23:02:38 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634903453583924109 mohandeval2 Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 posted by Isman Subarkah

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634905512643992071 Sat, 08 Dec 2012 08:14:24 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634905512643992071 Isman Subarkah Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 posted by anas

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634913367620321874 Mon, 17 Dec 2012 10:26:02 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634913367620321874 anas Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 EXCELLENT COURSE

posted by GMontana

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634917446214902167 Sat, 22 Dec 2012 03:43:41 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634917446214902167 GMontana Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Excellent material. I hope you continue to post more.

"horizontal knowledge, generating vertical growth. "

posted by lealzora

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634921338906345993 Wed, 26 Dec 2012 15:51:30 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634921338906345993 lealzora Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 posted by Jon

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634925813211208922 Mon, 31 Dec 2012 20:08:41 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634925813211208922 Jon Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 Very nice.Thanks so much ...

posted by talebihamid

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634930557655939893 Sun, 06 Jan 2013 07:56:05 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634930557655939893 talebihamid Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 any promo codes still available , cuz its seems the one "HTMLJMP" has reached its limit. 

Thanks

posted by Ramie

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634932369721890741 Tue, 08 Jan 2013 10:16:12 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634932369721890741 Ramie Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 I'm trying to experiment with CodeShow in Win8.  When I try to run the project from VS2012 I get the message that a packaged version is already installed, and the unpackaged version can't replace it.

I can't find the packaged version in "Add or Remove Programs", and it is not on the Start page.

Any ideas on how to clean this up so I can run CodeShow from VS2012?

Thanks.

 

posted by CCBates

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634933373589750000 Wed, 09 Jan 2013 14:09:18 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634933373589750000 CCBates Re: Developing HTML5 Apps Jump Start (03b): Advanced Layout and Animation, Part 2 @CCBates: This worked:  Went to Windows Store, reinstalled CodeShow, then uninstalled it from the Start page.  I can now run it from the debugger.

posted by CCBates

]]> http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634933390664822106 Wed, 09 Jan 2013 14:37:46 GMT http://channel9.msdn.com/Series/Developing-HTML-5-Apps-Jump-Start/Developing-HTML5-Apps-Jump-Start-03b-Advanced-Layout-and-Animation-Part-2#c634933390664822106 CCBates