1 / 17

What's new with HTML5, JavaScript, and CSS3

What's new with HTML5, JavaScript, and CSS3. Lead Program Manager, Internet Explorer Microsoft Corporation. http:// www.pass4sureexam.com/70-480.html. Build amazing sites and Metro style apps with the Windows 8 web platform. http:// www.pass4sureexam.com/70-480.html.

boggs
Download Presentation

What's new with HTML5, JavaScript, and CSS3

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. What's new with HTML5, JavaScript, and CSS3 Lead Program Manager, Internet Explorer Microsoft Corporation

  2. http://www.pass4sureexam.com/70-480.html

  3. Build amazing sites and Metro style apps with the Windows 8 web platform. http://www.pass4sureexam.com/70-480.html

  4. Characteristics of great sites and apps Beautiful Sites and Apps Easy-to-build, Touch-First Interactivity Engaging Page Layouts Better Client/Server Data Transfer Powerful Local Data and Offline http://www.pass4sureexam.com/70-480.html

  5. Windows 8 Metro style Apps Desktop Apps HTML JavaScript HTML / CSS XAML View JavaScript (Chakra) C C++ C# VB Model Controller C C++ C# VB WinRT APIs Devices & Printing Communication & Data Graphics & Media System Services .NET / SL Internet Explorer Win32 Application Model Windows Core OS Services Core http://www.pass4sureexam.com/70-480.html

  6. Windows 8 Metro style Apps Desktop Apps HTML JavaScript HTML / CSS XAML View JavaScript (Chakra) C C++ C# VB Model Controller C C++ C# VB WinRT APIs Devices & Printing Communication & Data Graphics & Media System Services .NET / SL Internet Explorer Win32 Application Model Windows Core OS Services Core http://www.pass4sureexam.com/70-480.html

  7. These features work identically in Internet Explorer and Metro style apps using HTML http://www.pass4sureexam.com/70-480.html

  8. demo Beautiful sites and Metro style apps http://www.pass4sureexam.com/70-480.html

  9. Slide Transition: Fade http://www.pass4sureexam.com/70-480.html

  10. Slide Transition: Slide http://www.pass4sureexam.com/70-480.html

  11. Slide Transition: Slide and grow http://www.pass4sureexam.com/70-480.html

  12. Slide Transition: Rails http://www.pass4sureexam.com/70-480.html

  13. CSS3 Animations • Characteristics of the animation • Delay • Duration • Timing function • Keyframes • Which properties to change, to what values, at what times • Events http://www.pass4sureexam.com/70-480.html

  14. CSS3 Transitions • Characteristics of the transition • Delay • Duration • Timing function • Properties to transition • Change property value and browser takes over • “Fire and forget” • Events http://www.pass4sureexam.com/70-480.html

  15. Applying CSS Transitions • // Apply transform to the slide • slides[i].elm.style.msTransform = • "scale(0.4) perspective(290px) rotateY(17deg)"; • // Apply transition to the slide • slides[i].elm.style.msTransitionProperty = “transform”; • slides[i].elm.style.msTransitionDuration = "2.5s"; • slides[i].elm.style.msTransitionDelay = "0s"; http://www.pass4sureexam.com/70-480.html

  16. Interesting, right? This is just a sneak preview of the full presentation. We hope you like it! To see the rest of it, just click here to view it in full on PowerShow.com. Then, if you’d like, you can also log in to PowerShow.com to download the entire presentation for free.

More Related