Designing for such a wide range of devices and form factors can be challenging. We'll take a look at how Windows makes your application look good across these devices using effective pixels. We'll explore how responsive design can help you create a great user experience and the recommended breakpoints to use.
- View Offline
- [Voiceover] The ability to deploy an application…to several different places is a very powerful thing.…But how can we make our application work well…and look good across all the devices…it might be experienced on?…Well, the answer is responsive design.…We can employ responsive design techniques,…something that most web developers…have experience with these days.…When it comes to your UI, Windows does a lot…of the heavy lifting under the hood…to ensure that your application looks good…and works well on any Windows device.…
There are times when you will change…the way your interface looks on a different size,…and it is good practice to do so.…As you start to design your application,…it's important to note that you're designing…in effective pixels, and not actual physical pixels.…Huh? Well, this means that if you have an element…that is two inches by two inches on a phone,…it will look approximately that same size…on all devices, even a big screen.…You don't need to worry about pixel density.…
The system will scale your UI…
Watch to gain an understanding of the Universal Windows Platform and the application life cycle. Learn to create adaptive layouts with WinJS controls. Discover how to store and share data, capture a variety of input, and explore the unified Microsoft-specific APIs: Windows Core and Geolocation. Stacey Mulcahy, a Windows evangelist, provides developers with everything they need to start building Universal Windows apps and break into cross-device development.
- Setting up your development environment
- Coding in WinJS
- Creating page objects
- Animating page transitions
- Implementing responsive design principles and UI patterns
- Working with layout controls
- Using APIs: Windows Core and Geolocation
- Saving and reading data