Presentation is loading. Please wait.

Presentation is loading. Please wait.

02 | Responsive Design Jerry Nixon | Microsoft Developer Evangelist

Similar presentations


Presentation on theme: "02 | Responsive Design Jerry Nixon | Microsoft Developer Evangelist"— Presentation transcript:

1 02 | Responsive Design Jerry Nixon | Microsoft Developer Evangelist
Daren May | President & Co-founder, Crank211

2 Agenda for the Day 02 | Responsive Design First Half Second Half
01 | Animations 05 | Advanced Contracts Pt 1. 02 | Responsive Design 06 | Advanced Contracts Pt 2. 03 | Branding 07 | Media 04 | Reusable Controls 08 | Advanced Features ** MEAL BREAK ** Visit xamlShow on CodePlex

3 Module Agenda Scaling Visual States Localization

4 Scaling

5 Scaling

6 Not Scaling

7 Scaling logos

8 Visual States

9 XAML visual state States Groups Control VisualStateManager Control
Button Common Normal Hover Pressed Disabled Focus Unfocused Focused VisualStateManager GoToState() Control VisualStateGroup (Name, CurrentState) VisualState (Name) Transition (Storyboard)

10 Orientation

11 Localization

12 Globalization Design and develop with multiple geo areas and languages in mind Flexible layout Use clear language / general images suitable for translation Use globalization APIs to format data:

13 Localization Resource file (.resw)
Write code / XAML that uses resources: In code: In XAML

14 Resource Separate code from resources
Don’t hardcode strings In code In XAML Write code / XAML that uses resources: In code:

15 Multilingual App Toolkit
Visual Studio 2012 extension Provides: Translation Support File management Localization editing tools

16 Localization

17 Module Review Scaling Visual States Localization

18


Download ppt "02 | Responsive Design Jerry Nixon | Microsoft Developer Evangelist"

Similar presentations


Ads by Google