Your SlideShare is downloading. ×
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits


Published on

What would you say if I told you that you can use your actual HTML, CSS, and JavaScript skills to create an amazing Windows 8 application? That all the lovely features that you like so much about …

What would you say if I told you that you can use your actual HTML, CSS, and JavaScript skills to create an amazing Windows 8 application? That all the lovely features that you like so much about HTML5, can be used to create your next masterpiece? That you can use the magical JavaScript libraries you use everyday to get in the game more quickly? Be honest, you would say that I'm crazy... Maybe, or maybe not, only the attendees to this session will know!

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide
  • Navigating from a web context page to a local context page is not allowed by default, but MSApp.addPublicLocalApplicationUrienables it.//This must be called from the local contextMSApp.addPublicLocalApplicationUri("ms-appx:///localpage.html");Declaring a Content URI in Visual studio will give a website access to geolocation, clipboard, indexed db, appcache, etc. Automatic filtering prevents script injection into DOM elements. For example, setting innerHTML, outerHTML, document.write, DOMParser.parseFromString.. Etc.. If you really trust what you are bringing in, you can use MSApp.execUnsafeLocalFunction or WinJS.Utilities.setInnerHTMLUnsafe, setOuterHTMLUnsafe, and insertAdjacentHTMLUnsafe are wrappers for calling DOM methods that would otherwise strip out risky content.
  • If you prefer to use your own library, you can. As long as your app is compliant with SDK, you will be fine.. At build, we explicitly wrote a sample (finance) using jQuery… It works very well.. If you are bringing your own library, here is the advise that I can give you:Mix & Match works fine. WinJS does a lot of things well, such as simplifying the object model, wrappers for file system, implementing the promise pattern, etc.. Use WinJS for all of that.. Use your favorite library for everything else, but do try to adhere to the Windows UI and the Windows personality. Your users will appreciate it if you do..
  • AvailablewithWindows+Qfromanywhere (Windows and any App) or from top of the Charm paneNote:your App will show up in the Search List ( provide more visibility)
  • Implementing Share will increase usage of your appNeither app needs to know about the other, they just need to implement the Share contractNo need for App to know other sides of the Share (source / target) The end user will know where to share data
  • Transcript

    • 1. Content love
    • 2. demo
    • 3. Feature Local context Web context Windows Run-time Yes No Windows Library for Yes No Javascript External script references No Yes Cross-domain XHR Yes No requests Automatic filtering for Yes No script injection on DOMThere are ways to communicate across contexts, ways to give websites access to some web standardsfeatures and ways to skip automatic filtering within a function.
    • 4. demo
    • 5. DatePicker SettingsFlyoutListview SemanticZoom Semantic Zoom Menu Flipview Flyout RatingSlide does not include all WinJS controls (App Bar, Tooltip, ViewBox, ToggleSwitch, HTMLControl, etc.)
    • 6. demo
    • 7. demo
    • 8. demo
    • 9. MetroPress Free Open Source HTML5 Windows 8 template for WordpressSelf-hosted Windows 8 Easy to use & secret sauce & included Made by IdeaNotion
    • 10. Ready to create the next app phenomenon?
    • 11. Rewards examples – more on
    • 12. Points structure