1. 02 | Responsive Design Daren May | President (CRANK211)
Jerry Nixon | Developer Evangelist (Colorado)

2. Module Agenda
Scaling
Windowing
Visual States
Localization

3. Scaling

4. Scaling

5. Not Scaling

6. Windowing

7. New windowing experience
Variable widths (min default is now 500)
Same app can be open more than once

8. Orientation Syntax

9. Visual States

10. 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)
Behavior
GoToStateAction

11. Orientation & Visual States

12. Localization

13. Globalization Localization Flexible layout for longer text
Use clear language / general images suitable for translation
Use globalization APIs to format
Resource files (.resw)
XAML using resources

14. Learn!
Localization

15. Module Review
Scaling
Windowing
Visual States
Localization