02 | Responsive Design Daren May | President (CRANK211)

Slides:



Advertisements
Similar presentations
MS-Word XP Lesson 2. Page Setup & Margins 1.Click on file menu 2.Click on page set up menu item 3.Select margins tab sheet (default activated) 4.Type.
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Building Localized Applications with Microsoft.NET Framework and Visual Studio.NET Achim Ruopp International Program Manager Microsoft Corp.
1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
Programing App Inventor. Variable Declaration App Inventor: Declare Variables using the “Define Variable As” Block – Find the Blocks Editor (top-left),
Microsoft Office Word 2013 Expert Microsoft Office Word 2013 Expert Courseware # 3251 Lesson 5: Setting Up Global Accessibility.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
Module 11 Control Customization. Module Overview Overview of Control Authoring Creating Controls Managing Control Appearance by Using Visual States Integrating.
An Introduction to Visual Basic
1 Intro XAML Attribute syntax & property syntax Panels Reusable resources Controls Data binding Steen Jensen, spring 2014.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
QtQuick Training Course Module One. What is it? Why use it? Who uses it? 1 Things to know about Qt Module One Objectives Declarative UI Syntax Examples.
Lesson 6. GCSE Computing – programming languages Candidates should be able to:  describe common tools and facilities available in an integrated development.
1 Metro Style Apps in C++ Karthick 8 th May 2012.
1 Chapter 1 Introduction to Java. 2 History of Java Java Originally for _________________________ devices Then used for creating Web pages with __________________________.
Introduction It is developed to create software applications. It is a tool for developers of any program that uses both basic and expert settings. It.
QML Qt Quick with QML and you can use JavaScript for engine along C++ Started to be released since late 2009 (Qt 4.7) Nokia focused on that for the Symbian/Meego.
Windows Core OS Services JavaScript (Chakra) C C++ C# VB Metro style apps Communication & Data Application Model Devices & Printing WinRT APIs Graphics.
IOS with Swift Hello world app.
Ch. 14: Presentations with Graphics and Multimedia -- Lesson 86 © 2010, 2006 South-Western, Cengage Learning.
Virti-Cue Production Task Project Proposal and Storyboard.
9961 SILVER MAPLE RD, HIGHLANDS RANCH, CO (303) Advanced XAML for Win 8 Apps Daren May.
I Power Higher Computing Software Development Development Languages and Environments.
Blender Animation Basics I. Animation Basics  Selecting a preset format will set your frame rate correctly.
Creating visual interfaces in python
1 Catching up on Rich Clients (round 1) Mike Ormond, Mike Taulty Developer & Platform Group Microsoft Ltd
Advanced Windows Store App Development using C# Jump Start Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank211.
Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank211.
Chapter 3 I Need a Tour Guide (Introduction to Visual Basic 2010) Clearly Visual Basic: Programming with Visual Basic nd Edition.
Visual Basic A Quick Tutorial VB Review for ACS 367.
CHAPTER 7 LESSON C Creating Database Reports. Lesson C Objectives  Display image data in a report  Manually create queries and data links  Create summary.
Word 2010 Edit Page Layout In this lesson, you will learn how to insert columns and page breaks. How to change the page orientation, paper size, page margins,
CHAPTER 7 LESSON B Creating Database Reports. Lesson B Objectives  Describe the components of a report  Modify report components  Modify the format.
XAML and Blend Unni Ravindranathan | Senior Program Manager Lead (Blend) Jerry Nixon | Developer Evangelist (Colorado)
Chapter 2: Simplify! The Android User Interface
Mobile Applications (Android Programming)
Building world-ready Metro style apps with XAML
CMIT100 Chapter 14 - Programming.
Chapter 5- Assembling , Linking, and Executing Programs
Example text and typographic levels
Design localization-friendly user interface
Build /9/2018 © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION.
MIX 09 9/12/2018 8:06 AM © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
Building beautiful and interactive apps with HTML5 & CSS3
Presentation Software
03 | Building Windows Store Apps with XAML Part 3
M4: Animations, Custom Controls, and Globalization
Stand out with styling and animation in your XAML app
and Executing Programs
Ribbon Reference Lesson 18.
WPF AKEEL AHMED.
Tim Heuer Program Manager Microsoft Corporation
Translation Workspace File Filters
.NET and .NET Core 7. XAML Pan Wuming 2017.
XAML Deep Dive for Windows & Windows Phone Apps Jump Start
Sascha P. Corti Developer Evangelist Microsoft Switzerland sascha
03 | UWA Design Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank211.
Reach a worldwide audience by building a world-ready app
TechEd /27/ :51 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered.
CNIT 133 Interactive Web Pags – JavaScript and AJAX
07 | Media Jerry Nixon | Microsoft Developer Evangelist
Windows Forms in Visual Studio 2005: An in-depth look at key features
02 | Responsive Design Jerry Nixon | Microsoft Developer Evangelist
03 | Branding & Monetization
04 | XAML in Blend 2013 Part 2 of 2 Unni Ravindranathan | Senior Program Manager Lead (Blend) Jerry Nixon | Developer Evangelist (Colorado)
Tutorial 11 Using and Writing Visual Basic for Applications Code
02 | Building Windows Store Apps with XAML Part 2
05 | Advanced Contracts Pt 1
01 | Building Windows Store Apps with XAML Part 1
Presentation transcript:

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

Module Agenda Scaling Windowing Visual States Localization

Scaling

Scaling

Not Scaling

Windowing

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

Orientation Syntax

Visual States

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

Orientation & Visual States

Localization

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

Learn! Localization

Module Review Scaling Windowing Visual States Localization