Tutorials | Paul Yanez

Fluid Layout Silverlight Video Player Part 1

28. April 2010

0 Comments

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

Creating custom Silverlight buttons with Images Gradients and Transitions

27. April 2010

1 Comment

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.

Expression Blend Tip #2 in Rendering Effects

26. April 2010

0 Comments

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.

Gradient capabilities in Silverlight fonts

25. April 2010

1 Comment

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.

Expression Blend Tip in Rendering Effects

23. April 2010

0 Comments

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.

Fluid layout and Fullscreen in Silverlight

20. April 2010

1 Comment

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 pages.

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

26. March 2010

0 Comments

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 count, status post count, user description and load the user page background image.

Windows Phone Application Tip in Blend 4

23. March 2010

0 Comments

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 contents of the application rotate properly with the emulator.

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

21. March 2010

0 Comments

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.

Reversing Gradient stops in Silverlight

12. January 2010

0 Comments

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

Using RotationY to rotate Objects in Silverlight

30. December 2009

0 Comments

Using RotationY to rotate Objects in Silverlight

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

Embedding fonts in Silverlight

27. December 2009

2 Comments

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.

Using RotationX to rotate Objects in Silverlight

13. December 2009

4 Comments

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 Tip – Creating rounded corners in Silverlight

12. December 2009

0 Comments

Silverlight Tip – Creating rounded corners in Silverlight

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

Scaling Objects with a Slider control in Silverlight

12. December 2009

0 Comments

Scaling Objects with a Slider control in Silverlight

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

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

10. December 2009

0 Comments

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.

Building a Volume Slider for your Hulu inspired SilverLight video player

10. December 2009

0 Comments

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 Tip – Editing selections from the Objects and Timeline panel

9. December 2009

0 Comments

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 almost daily. I have not shared those little things since they are not full fledged [...]

Using Transition Preview within Microsoft Blend

6. December 2009

0 Comments

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.

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

6. December 2009

2 Comments

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.

Building a Volume Control for your Hulu inspired SilverLight video player

5. December 2009

0 Comments

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 control’s isChecked property.

Drag and Drop images from Filesystem to Silverlight 4 Applications

26. November 2009

0 Comments

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”

Databinding controls in SilverLight 3

17. November 2009

0 Comments

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.

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

14. November 2009

0 Comments

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.

Building a Progress Bar for your Hulu inspired SilverLight video player

13. November 2009

3 Comments

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.

Loading external video into your Hulu inspired Silverlight video player

11. November 2009

0 Comments

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.

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

9. November 2009

0 Comments

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.

Dynamically creating thumbnails with WriteableBitmap and DispatcherTimer in Silverlight 3

7. November 2009

0 Comments

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 using DispatcherTimer thereby eliminating the need to click.

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

7. November 2009

3 Comments

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.

Introduction to Animation in Microsoft Expression Blend 3

30. October 2009

0 Comments

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.

Importing graphics from Adobe Illustrator into Microsoft Expression Blend 3

29. October 2009

0 Comments

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.

Implementing a custom hit area in Microsoft Expression Blend 3

28. October 2009

0 Comments

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.

Implementing a custom cursor in Microsoft Expression Blend 3

28. October 2009

0 Comments

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.

Exploring the Gradient tool in Microsoft Expression Blend 3

27. October 2009

1 Comment

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.

Exploring the Canvas control in Microsoft Expression Blend 3

27. October 2009

3 Comments

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 friend when creating interfaces in Blend 3.

Creating a Silverlight video player in Microsoft Expression Blend 3

25. October 2009

1 Comment

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 media element’s source to a video file.

Exploring the Objects panel in Microsoft Expression Blend 3

21. October 2009

0 Comments

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.

Creating a Silverlight button with Microsoft Blend 3

20. October 2009

0 Comments

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.

Creating a Resource Dictionary with Microsoft Blend 3

19. October 2009

0 Comments

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 your project.

Archive | Tutorials RSS feed for this section

Recent Posts

Latest Flickr photos