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