Archive for the ‘Client Technologies’ Category

What’s new in Blend 4 Behaviors on Silverlight TV

June 1, 2010 2 comments

Right after landing in Seattle after the latest .toolbox events tour, I ran to the studio and filmed this episode on Behaviors of SilverlightTV. Not only are there 10 new Behaviors added in version 4 of the Expression Blend SDK, there is new functionality available in the Behaviors API. In this video, we use a few of the new Behaviors and demonstrate that their properties are now bindable and that once triggered an action can check against a specified condition to ensure that it should fire.

These new features result in more “simple drag and drop/property setting” power for the UI designer and developer.

Watch "Using Behaviors in Blend 4"

Expression Blend Advanced Options square wallpaper

May 31, 2010 4 comments

“There’s a lot of magic behind that little square…”


I was reminded once again on this last tour of events, just how valuable the knowledge of the Advanced Options square is to new Blend users.  There’s a lot of power and majesty packed into that 7×7 pixel square.

This wallpaper is a commemoration of the little button of wonder.

Arturo takes you on a .toolbox site tour on Silverlight TV

May 27, 2010 3 comments


On the latest Arturo Toledo episode of SilverlightTV, Arturo Toledo takes you through a tour of the .toolbox site a new site (went public during MIX10) to help designers and developers learn Silverlight and Blend from a UI and design-centric point of view.

The site currently contains two courses Design Principles and Design Scenarios. In the Principles track fundamental principles of design are reviewed and applied to application interfaces.  A great resource for developers who find themselves doing more and more design work and would like to improve their skills.

The Design Scenarios track is where you apply those principles by building Silverlight-based applications in Blend. Great material for those new to Silverlight and experienced Silverlight developers who looking to improve their interface implementation skills.

In the video, Arturo demonstrates how each module is presented in video and hands-on lab format and he shows just a few of the cool applications you build while rolling through the course.


Expression Studio 4 Launch on Jun 7th in NYC!

May 26, 2010 11 comments

Expression Studio 4 will launch at the Internet Week conference in New York City on June 7th!

Bill Buxton will be there as our featured guest speaker and many of your other favorite Blenders will be there, too:

And I’ll be there as well, with a big smile on my face 🙂

We’ll show the products in action and showcase design agencies who have seen their businesses grow with Expression Studio.

Join us for the launch!


And just a reminder Expression Studio includes Expression Blend, SketchFlow, Expression Web, Expression Design and Expression Web.  We’ve talked about a lot of the new features in Blend 4 (but not all of them!) and now its time to show the new features in all of the tools!

Navigating Microsoft content on Silverlight and Expression Blend

May 21, 2010 4 comments

I just returned from a speaking tour traveling to Chicago, New York City, Boston and back to New York City presenting at three .toolbox Blend workshops and three usergroups and attended one conference.

The content for the workshops, covering Blend and Silverlight v4, will be made available on the .toolbox site in just a little while. We still have some work to do to make it all available online as tutorials.

The content for the usergroup presentation, Expression Blend for Developers will be made available on this site very soon.


One thing I did want to put together quickly is a page aggregating all of the resource links available from Microsoft covering Silverlight and Expression Blend.

We have a ton of content available which can be difficult to discover when you are just beginning your Silverlight experience. Hopefully this page will be useful as a jump start to finding all the resources available.


Silverlight and Expression Blend Resource Shortcuts


“Another Resources page?” you may be wondering to yourself.  Yes, it’s true.  My goal is to stay very high-level, keep the links up-to-date with the latest versions and aggregate links across our different sites.  In any case, this page will be useful during the next presentation in place of an overstuffed Resource slide.


Did I miss an important resource?

Using FluidMoveBehavior to animate grid coordinates in Silverlight

May 13, 2010 6 comments

At the Chicago .toolbox event last week, @thejeanious asked how she could easily animate an object between grid row and columns.

l originally answered with something like “I would use a Canvas and figure out the XY positioning…”, but after she explained she was working on a game where the grid seemed to be a natural fit, we came up with a different solution – the new FluidMoveBehavior that comes with Expression Blend 4.

I’ve been explaining the concept of Fluid UI, as a means to animate discrete properties.  The first example that comes to mind is the Visibility property of an element.  Its either Visible or Collapsed, there is no way to interpolate between the two values. When you change the Visibility property between different VisualStates and check the “Use Fluid UI” button, rather than instantly disappearing, Fluid UI will animate the opacity and scale transform to provide a visual transition between the discrete values.

This type of behavior works with Grid Row and Column positioning as well. If you attach the FluidMoveBehavior to a Grid and set AppliesTo to “Children”, and then at run-time change the Grid Row and Column properties of an element, the item will animate to its new position.

I’ve created a quick sample that demonstrates this behavior.

Run the Fluid Checkerboard

  • Click a rectangle and the ball will animate to that rectangle’s position in the grid
  • The cursor keys are also hooked up to move the ball

Download the source code


The beauty of this sample is that shows by quickly applying the FluidMoveBehavior I can animate the position of an element (with easing) writing very little code.

Design-time Resources in Expression Blend 4 RC

May 4, 2010 5 comments

When building Silverlight and WPF applications that are composited (e.g. using MEF) or written to support UI customization, resources are loaded dynamically at run-time. This is a great solution on the development side, but can be a challenge when working on design tasks.  If your design surface can’t find the resources at design-time you are presented with zero styling or worse, XAML parsing errors.

Expression Blend 4 RC provides a new feature to support loading resources at design-time.

When you open a project in Blend and the current document contains resources that cannot be resolved and your solution contains at least one ResourceDictionary file, the Add Design-time Resource Dictionary dialog will open.

Add Design-time Resource Dictionary dialog

Once selected, a reference to the dictionary will be added to a file named “DesignTimeResources.xaml” located under the Properties folder. Blend will now find the missing resources during design-time and be able to render the design surface properly.

This feature enables editing of dynamic applications to be much easier than before. No more hacks to get your resources loaded!


As a side note, if you’ve added a ResourceDictionary as a design-time resource and you’d like to remove it; open the “DesignTimeResources.xaml” file.  In XAML view, remove the reference to your resource dictionary in the ResourceDictionary.MergedDictionaries node. Then after closing and reopening the file referencing the missing resources, the dialog will prompt you again to choose a dictionary.


I’ve provided a sample solution below that will prompt you with the Add Design-time Resource Dictionary dialog, when you open the “MainPage.xaml” file.

Download the Design-time Resource Sample

Expression Blend 4 for Windows Phone in 90 seconds

April 30, 2010 3 comments


A refreshed Windows Phone Developer Tools CTP has been released this week which provides compatibility with Visual Studio 2010.  Matching the new tools, we’ve also released a new version of the Expression Blend Add-In for Windows Phone.

What does the experience of developing Windows Phone apps in Expression Blend look like?

Take a look at this brief video introducing Expression Blend 4 for Windows Phone.


A few notes on installing the tools…

If you have the Blend 4 Beta installed from MIX10:

  • Uninstall the Blend 4 Beta Phone Tools
  • Uninstall the Blend 4 Beta
  • Uninstall Windows Developer Tools CTP from MIX10
  • If you have the Blend 4 RC (4.0.20408.0) installed from Apr 15 Silverlight 4 RTM:

  • Uninstall the Blend 4 RC
  • If installed, uninstall Windows Developer Tools CTP from MIX10

Now with your system cleaned up:

For more information check out the Windows Phone 7 Developer Center.

Don’t Wanna Know Plugin for Seesmic Desktop Platform

April 29, 2010 7 comments

Ever since they announced the Seesmic Desktop Platform, I’ve been wanting to give it a try. The new SDK provides a way to develop client plugins using Silverlight 4 and MEF.

After seeing the request a couple times now and experiencing the same feelings myself, I found the purpose for my first plugin:

– Removing tweets from Foursquare and Gowalla.

I’m a fan of the two services and think the concept overall is pretty cool. But I’m not a fan of the “I’m at Starbucks” check-ins getting in the way of my “I just wrote an MMORPG in Silverlight” tweets.

After seeing my pals @rschu and @ingebretsen feeling the pain, it was time to act.

I give you the Don’t Wanna Know plugin for Seesmic Desktop 2.


Seesmic Desktop 2, the Silverlight 4 Out of Browser client is pretty cool and the developer platform is very promising. Grab a build, SDK and find code samples on the Seesmic DevWiki.

WTF Step by Step guide to installing Silverlight Tools

April 28, 2010 6 comments

With Silverlight 4 shipping and Expression Blend 4 RC made available, now was a great time to update the Flash to Silverlight section on the Project Rosetta site.

My main goal was to update the Getting Started series to take advantage of new version 4 features.  I also took advantage of this update to greatly improve the Installation and Setup tutorial.

The content for the site is made for those with an interest in experimenting with Silverlight, who most likely do not have any .NET development experience or in some cases, even Windows.

As a first step, configuring your design and development environment for Silverlight can be a little daunting. Happily the installation process is now much simpler with the advent of the version 4 tools.

Nonetheless, as requested, I’ve put together a simple step by step walkthrough of the install process.

Working towards more Silverlight time and less “WTF?” time.

The new Setup tutorial takes full advantage of the Web Platform Installer (Web PI) which acts as a download and install tool for the needed Tools.  This makes writing the tutorial and installing much easier.

Along with the step by step guide, I’ve also updated the Getting Started series to reflect the new v4 tools and features, specifically CompositionTarget.Rendering (which is like ENTER_FRAME) and CompositeTransform (which makes transforms simpler than before).

Next month, we’ll be updating the Flash to Silverlight site with a new set of tutorials focused on Media (codecs, players, markers, etc) and how it compares to Flash media.

Now for some Taco Bell…