beginning with blend
DESCRIPTION
Low level introduction to Blend for Visual Studio 2012.TRANSCRIPT
![Page 1: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/1.jpg)
Beginning with BlendTimmy Kokke
![Page 2: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/2.jpg)
Beginning with BlendGetting started using Blend for Visual Studio when building WPF, Windows Phone or Windows Store applications and increase productivity.
![Page 3: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/3.jpg)
Timmy Kokke
ICT Consultant – Centric
Expression Blend MVP
www.timmykokke.com
@sorskoot
![Page 4: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/4.jpg)
Tools, tools, toolsWhy Blend?
![Page 5: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/5.jpg)
“blend is for designers”
![Page 6: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/6.jpg)
Why Blend? Resource management
Storyboards / Animations
Visual States
Editing Templates
Property editor
Behaviors
Path editing
+ a lot of small things
![Page 7: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/7.jpg)
Why not? Writing code, XAML or markup
Testing
Debugging
Code Analysis
Profiling
+ many, many other developer-centric tasks
![Page 8: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/8.jpg)
first steps
![Page 9: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/9.jpg)
DemoQuick tour
![Page 10: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/10.jpg)
welcome screen new project
open project
recent projects
![Page 11: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/11.jpg)
welcome screen Windows Store HTML XAML
Windows Phone
WPF + SketchFlow
Silverlight + SketchFlow
![Page 12: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/12.jpg)
artboard WYSIWYG
Design / XAML / Both
Zoom
Snap
![Page 13: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/13.jpg)
project panel File management
Team foundation server
![Page 14: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/14.jpg)
objects and timeline Elements
Arrange
Show / Hide / Lock
![Page 15: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/15.jpg)
device device specific
device orientation
default theme
deploy target
![Page 16: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/16.jpg)
layout
![Page 17: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/17.jpg)
DemoLayout
![Page 18: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/18.jpg)
grid Deviders
Sizing
Arranging
![Page 19: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/19.jpg)
layout properties Alignment
Size
Margin
![Page 20: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/20.jpg)
other Canvas
Border
StackPanel
+ many more
![Page 21: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/21.jpg)
building
![Page 22: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/22.jpg)
DemoWorking with objects and properties
![Page 23: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/23.jpg)
toolbar Common tools Selecting
Navigating
Manipulating
Drawing
![Page 24: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/24.jpg)
resources Management
Dictionary
![Page 25: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/25.jpg)
assets Controls
Styles
Media
Behaviors
![Page 26: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/26.jpg)
sample data Fully customizable
By hand / from class / from XML
![Page 27: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/27.jpg)
binding easy
advanced settings
![Page 28: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/28.jpg)
animation
![Page 29: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/29.jpg)
DemoAnimation
![Page 30: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/30.jpg)
animation Recording
Timeline
Easing
![Page 31: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/31.jpg)
visual states Recording
Easing
![Page 32: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/32.jpg)
behaviors Reusable
View targeted code
![Page 33: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/33.jpg)
conclude
![Page 34: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/34.jpg)
How to get Blend for Visual Studio? It comes with Visual Studio now
Visual Studio Express 2012 for Windows Phone
Visual Studio Express 2012 for Windows Store apps
Visual Studio 2012 Professional
Visual Studio 2012 Premium
Visual Studio 2012 Ultimate
![Page 35: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/35.jpg)
Where to learn more? MSDN http://msdn.microsoft.com/en-us/expression/cc197141.aspx
.toolbox http://www.microsoft.com/design/toolbox/
Project Rosetta http://visitmix.com/labs/rosetta/EyesOfBlend/
ExpressionBlend.com http://expressionblend.com/
![Page 36: Beginning with blend](https://reader033.vdocuments.net/reader033/viewer/2022061212/5495bf16b479596a4d8b4ddc/html5/thumbnails/36.jpg)
Questions