nibbles tutorials blog

New Silverlight 2 Sample – Panoramic 360º
June 19, 2008, 7:27 pm
Filed under: Silverlight


This sample loads a panoramic image using data from XML. Three copies of the image are placed in a ScrollViewer, and that’s it! You have a Panoramic 360º Viewer.

You can change the XML to add your own images and turn this app into a photo gallery.

Download from:

From the Home Page, open Samples > Silverlight 2 and click 360º Panoramic View.




New Tutorials and Samples for Blend 2.5
June 9, 2008, 7:07 am
Filed under: Silverlight

Microsoft has just released two great products – Blend 2.5 June 2008 Preview and Silverlight 2 Beta 2. That means we have new stuff to learn, so I’ve prepared four new tutorials and two new samples to help you get up to speed with the updates.

Nibbles Tutorials also has new features:

Now you can preview a sample/tutorial before diving into the details (only Silverlight projects have this feature, not WPF ones).

A new way to download projects/samples was implemented. Now a window will open with the options to preview/download. This will fix a security problem with Vista users.



The tutorials cover the new Visual State Manager. The first two tutorials show how to create States to interact with a photo (Introduction to States). The other two show how easy is to create a Button Style from scratch, without using any code, and then apply that style to other buttons (Creating a Button Style).


There are two new samples:

Oxigen 360º view
Peter Blois, from the Expression Team, developed a new Control called Image Sequencer, which has a UI that you can change in Blend – pretty cool!

Grand Piano
This is a WPF and Silverlight 1.0 sample that I was able to re-build in Blend 2.5 (Silverlight 2) in just half-hour using the new Visual State Manager (States).


Hope you enjoy it!


Silverlight 2 Beta 2 and new tutorials
June 3, 2008, 6:21 pm
Filed under: Silverlight

This morning at TechEd Microsoft announced that later this week we will have a new release of Silverlight 2 Beta 2. There are some really cool new features that will be especially interesting to Designers.

With Beta 2 we will have a new templating model called Visual State Manager and, of course, Blend 2.5 June Preview will support it. Later this week I will publish a few new tutorials to help you get up to speed with this new model.


More details about this release:

· UI Framework: Beta 2 includes improvements in animation support, error handling and reporting, automation and accessibility support, keyboard input support, and general performance.  This release also provides more compatibility between Silverlight and WPF.

· Rich Controls: Beta 2 includes a new templating model called Visual State Manager that allows for easier templating for controls. Other features include the introduction of TabControl, text wrapping and scrollbars for TextBox, and for DataGrid additions include Autosize, Reorder, Sort, performance increases and more.  Controls are now in the runtime instead of packaged with the application.

· Networking Support: Beta 2 includes improved Cross Domain support and security enhancements, upload support for WebClient, and duplex communications (“push” from server to Silverlight client).

· Rich Base Class Library: Beta 2 includes improved threading abilities, LINQ-to-JSON, ADO.NET Data Services support, better support for SOAP, and various other improvements to make networking and data handling easier.

· Deep Zoom: Beta 2 introduces a new XML-based file format for Deep Zoom image tiles, as well as a new MultiScaleTileSource that enables existing tile databases to utilize Deep Zoom. Better notification for sub-images enter the view is another improvement in Silverlight 2 Beta 2.