Category Archives: Silverlight

Fluid Layout Silverlight Video Player Part 1

In the following tutorial we will begin building a fluid layout for a Silverlight video player.

Silverlight/Tutorials

Creating custom Silverlight buttons with Images Gradients and Transitions

In the following tutorial I will show how to create your own custom button with images, gradients and transitions.

Silverlight/Tutorials

Expression Blend Tip #2 in Rendering Effects

In a previous tip I showed how Expression Blend does not render effects if you are zoomed in above 400%. More times than not I am zoomed in well above 400% when I am designing UI components.

Silverlight/Tutorials

Gradient capabilities in Silverlight fonts

In the following tutorial I will show how extensive the font capabilities in Silverlight are. Being able to display beautiful fonts within xaml allows the ability to programmatically alter a designed font with gradients and drop shadows applied.

Silverlight/Tutorials

Expression Blend Tip in Rendering Effects

This is a tip for developers using Expression Blend creating effects. Effects do not render if you are zoomed in above 400%. More times than not I am zoomed in well above 400% when I am designing UI components.

Silverlight/Tutorials

Fluid layout and Fullscreen in Silverlight

In this tutorial we will have a Silverlight application take up the entire webpage and have the capablity to go fullscreen. This will allow you to create Silverlight applications that take up 100% of the width and height of html (…)

Silverlight/Tutorials

Building a Windows Phone 7 Twitter Application using Silverlight in Blend 4 – Part2

This is part 2 of “Building a Windows Phone 7 Twitter Application using Silverlight in Blend 4″. In this tutorial we will build a Twitter user profile screen. You will be able to display the user image, follower count, friend (…)

Silverlight/Tutorials

Windows Phone Application Tip in Blend 4

This is a tip for developers using Blend 4 to create Windows Phone Applications. By default it seems that the ability to rotate the emulator and it contents is not set. A bit of code is necessary to have the (…)

Silverlight/Tutorials

Building a Windows Phone 7 Twitter Application using Silverlight in Blend 4

First I would like to say that the code is from Scott Gu’s article Building a Windows Phone 7 Twitter Application using Silverlight. I am very excited that Silverlight will soon be capable of working on Windows Phones.

Silverlight/Tutorials

Reversing Gradient stops in Silverlight

In this tutorial I will show how to reverse the gradient stops in Microsoft Blend.

Silverlight/Tutorials

Using RotationY to rotate Objects in Silverlight

In this tutorial we will rotate an image left to right with a slider control.

Silverlight/Tutorials

Embedding fonts in Silverlight

In this tutorial I will show how to embed a font in Silverlight and show the increase in file size that will occur when doing so.

Silverlight/Tutorials

Using RotationX to rotate Objects in Silverlight

In this tutorial we will rotate an image with a slider control. This is the 2nd tutorial of image transformations, the first tutorial ‘Scaling Objects with a Slider control in Silverlight’

Silverlight/Tutorials

Silverlight Tip – Creating rounded corners in Silverlight

In this tutorial I will show how to create a rounded corner on an object.

Silverlight/Tutorials

Scaling Objects with a Slider control in Silverlight

In this tutorial we will scale an image with a slider control.

Silverlight/Tutorials

Building a Start Playing button for your Hulu inspired SilverLight video player

In this tutorial we will create a start play button on launch of your Hulu inspired SilverLight video player.

Silverlight/Tutorials

Building a Volume Slider for your Hulu inspired SilverLight video player

In this tutorial we will edit a slider control and use it as our volume slider control. This volume slider will allow the user the ability to scrub the volume from 0-100%.

Silverlight/Tutorials

Silverlight Tip – Editing selections from the Objects and Timeline panel

To me, it is the little things that make you more productive within a given environment that I constantly search for. Since I have only been working with Silverlight for less than 2 months there are cool things I find (…)

Silverlight/Tutorials

Using Transition Preview within Microsoft Blend

In this video I demonstrate the Transition Preview within Microsoft Expression Blend. This will save lots of time when creating states and not having to run the project.

Silverlight/Tutorials/Video Tutorials

Building the Time Slider control for your Hulu inspired SilverLight video player

This is part 6 in our series of building a Hulu inspired video player. In this tutorial we will be building the slider time display control.

Silverlight/Tutorials

Building a Volume Control for your Hulu inspired SilverLight video player

This is Part 5 in a series of tutorials demonstrating how to build a Hulu inspired video player in Silverlight 3. In this video we will show how to databind a media element’s isMuted property to a toggle button volume (…)

Silverlight/Tutorials/Video Tutorials

Drag and Drop images from Filesystem to Silverlight 4 Applications

In this video I show how to drag and drop images from the filesystem into a Silverlight 4 application. On an image component simply add a drop event and set AllowDrop=”True”

Silverlight/Tutorials/Video Tutorials

Databinding controls in SilverLight 3

In the following video I will show how to Databind a progressbar’s width to the position of a video. The Databinding feature in Microsoft Expression Blend 3 allows this interaction without the need to write one of code.

Silverlight/Tutorials/Video Tutorials

Building a Download Progress Bar for your Hulu inspired SilverLight video player

This is part 4 in our series of building a Hulu inspired video player. In this tutorial we will be building a download progress bar.

Silverlight/Tutorials

Building a Progress Bar for your Hulu inspired SilverLight video player

This is part 3 in our series of building a Hulu inspired video player. In this tutorial we will be building a progress bar.

Silverlight/Tutorials

Loading external video into your Hulu inspired Silverlight video player

This is part 2 in our series of building a Hulu inspired video player. This tutorial may well be the most important in the process of building a Silverlight video player.

Silverlight/Tutorials

Building a Play-Pause control for a Hulu inspired SilverLight video player

The following example is the Part 1 in a series of tutorials demonstrating how to build a Hulu inspired video player in Silverlight 3. This tutorial shows how to create a play-pause button control utilizing the ToggleButton control.

Silverlight/Tutorials

Dynamically creating thumbnails with WriteableBitmap and DispatcherTimer in Silverlight 3

In the previous example “Creating thumbnails of video frames with WriteableBitmap in Microsoft Expression Blend 3″ the user was able to create thumbnails by clicking on the video display. The following example shows how thumbnails could be dynamically created by (…)

Silverlight/Tutorials

Creating thumbnails of video frames with WriteableBitmap in Microsoft Expression Blend 3

Click on video to create thumbnails The following example shows how to create thumbnails by using the WriteableBitmap class.

Silverlight/Tutorials

Introduction to Animation in Microsoft Expression Blend 3

In this video I discuss a few keys topics of animation in Microsoft Expression Blend 3. Topics include storyboards, creating keyframes, setting transforms on objects and previewing within the Blend IDE.

Silverlight/Tutorials/Video Tutorials

Importing graphics from Adobe Illustrator into Microsoft Expression Blend 3

In this video I show how to import vector graphics from Adobe Illustrator and load it into a user control in Blend 3.

Silverlight/Tutorials/Video Tutorials

Implementing a custom hit area in Microsoft Expression Blend 3

In the following video I show how to implement a custom hit area in Microsoft Expression Blend 3.

Silverlight/Tutorials/Video Tutorials

Implementing a custom cursor in Microsoft Expression Blend 3

In The following video I show how to implement a custom mouse cursor in Microsoft Expression Blend 3.

Silverlight/Tutorials/Video Tutorials

Exploring the Gradient tool in Microsoft Expression Blend 3

The following video shows how to work with the gradient tool in MIcrosoft Expression Blend 3. The video goes in depth of gradient stops, reversing gradients, and the xaml output.

Silverlight/Tutorials/Video Tutorials

Exploring the Canvas control in Microsoft Expression Blend 3

This video will show you how to use the canvas control in Microsoft Expression Blend 3. The canvas control allows for absolute positioning and the ability to stack objects on top of each other. This control is the designers best (…)

Silverlight/Tutorials/Video Tutorials

Creating a Silverlight video player in Microsoft Expression Blend 3

This video will show you how to add a video player in Microsoft Expression Blend 3. Adding video to Silverlight projects ia as simple as placing a media element control from the assets panel on the stage and setting the (…)

Silverlight/Tutorials/Video Tutorials

Exploring the Objects panel in Microsoft Expression Blend 3

This video will show you a few tips on the object panel in Expression Blend 3.

Silverlight/Tutorials/Video Tutorials

Creating a Silverlight button with Microsoft Blend 3

This video tutorial will show how to create a custom button, modify its normal, mouse over and pressed states. Also add animation effects between those states.

Silverlight/Tutorials/Video Tutorials

Creating a Resource Dictionary with Microsoft Blend 3

This video tutorial will show how to create a resource dictionary for your Microsoft Expression 3 projects. In this video you will see how a gradient could be externalized into the resource dictionary and be used by other objects in (…)

Silverlight/Tutorials/Video Tutorials