More Related Content
Similar to Every Web Developer is a Win8 developer
Every Web Developer is a Win8 developer
- 5. @kevinderudder working for eGuidelinesand a lecturer at the Technical University of West Flanders. Contact me on kevin@e-guidelines.be
- 6. Goal of thissession Download and play with Windows 8 and VS11 If you know web technologies, you are ready to build amazing Metro style apps Understand what you need to add upon your HTML5 skills to build Win8 Metro apps
- 8.
- 9.
- 10.
- 11.
- 13. Metro Application !=Web Application Dieter is quite serious on this
- 15. Building Metro StyleApplications Windows Core OS Services
- 17. Popular HTML featuresin Windows 8
- 18. Popular CSS featuresin Windows 8 Transforms Motion Layout 2D & 3D transforms Animations Grid Transitions Flexbox Graphics Motion Gradients Multi-column, Filter Effects hyphenation Text-shadow Pagination Position float Windows hardware acceleration makes these beautiful and fast
- 19.
- 22. WinJS Library for buildingMetro Style apps using JavaScript Make your apps look and feel great Matches the Windows Metro design style Controls for common user experiences Designed for touch as well as traditional input Build your apps fast and with high quality
- 23. Windows Library forJavaScript (WinJS)
- 24. or use yourfavourite JavaScript library
- 27. So far, sogood
- 28.
- 30.
- 31. Different states ==Different UI UI always in CSS
- 33. MEDIA QUERY Type Query or Expression @media all and (-ms-view-state: fullscreen-portrait) { Feature Value }
- 36. Run 2 applicationsnext to each other Snapped app Main app
- 37. @media screen and(-ms-view-state: snapped) { }
- 40. Search Users oftensearch to find the content they care about, be it on the web, local machine, network, or in an app.
- 41. Search Apps have rich content, but users have to find and launch the app before searching in it.
- 44. Search Search is universally accessible, contextual to your app and always just a single swipe away.
- 48. Tiles are the“front door” to you app, Treat it as an extension of your app
- 49. Basic Tiles Tap on tile to launch or switch to an app Static default tile specified in manifest of the app Two sizes: Square (1x1) Wide (2x1)