Podchaser Logo
Home
Intro to Responsive Design (for XAML)

Intro to Responsive Design (for XAML)

Released Thursday, 23rd June 2016
Good episode? Give it some love!
Intro to Responsive Design (for XAML)

Intro to Responsive Design (for XAML)

Intro to Responsive Design (for XAML)

Intro to Responsive Design (for XAML)

Thursday, 23rd June 2016
Good episode? Give it some love!
Rate Episode

In this Speaker Series, Nuno Silva presents on topic of adaptive UI, which is central to Windows 10 UWP apps. Most of the challenges faced with increased complexity on Windows 10 can be met by creating a responsive UI that knows how to adapt itself based on the window size, rather than trying to target specific form factors or physical screen sizes. In this presentation, Nuno walks through a full sample that showcases some of the most common ways of achieving a responsive design in the context of a UWP app.

 Part of the guidance provided pertains to the 6 R's, which you can think of recipes for content adaptability:

 ◾Resize

◾Reflow

◾Reposition

◾Reveal

◾Rearchitect

◾Replace

 Resource URLS:

 http://design.windows.com  ​

Demo code: https://github.com/nunoms/ResponsiveDesignDemo  ​

Demo documentation: http://codingforlife.azurewebsites.net/2016/04/27/responsive-design-on-uwp/  ​

Windows App Studio UWP controls: https://www.nuget.org/packages/WindowsAppStudio.Uwp  ​

 

mp3&WT.dl=0&WT.entryid=Entry:RSSView:0dcd76828d9b43e9b419a62e0003c96b

Show More

Unlock more with Podchaser Pro

  • Audience Insights
  • Contact Information
  • Demographics
  • Charts
  • Sponsor History
  • and More!
Pro Features