Coloring and Scaling SVG in a WinJS.Binding.Template Control

When creating my Windows Store application Gamer Dice, I wanted to provide a compelling visual representation of the dice the player was using that scaled well when the dice were shown at different sizes, in different colors (tints) and could show the numeric result of the roll. After thinking about a number of different approaches,…

0

Basic text-based console UI implemented in F#

This is a brief exploration of some of the capabilities of the F# language to define a small set of classes that can be leveraged to provide a simple text-based UI for an F# program. Example code is provided, which is a great introduction to the syntax, but a gentler and more thorough introduction to…

0

Animation with the HTML Canvas Tag and the IE9 Preview in Expression Web 4

In this post I will walk through the steps necessary to create basic animation using the HTML canvas element, some of the capabilities of the canvas context and how to configure Expression Web 4 to preview with the IE9 Platform Preview. The HTML canvas element has been available and implemented in most browsers for years…

2

Web Fonts Simplified

Design and Typography go hand in hand.  But every time I’ve looked at using specific fonts with my web pages, it seemed confusing and difficult to get working. So many web page designers simply give up and wind up using text in the background images. There are a few problems with this approach, including accessibility…

0

Create a Font Reference Sheet for All Installed Fonts

I have always been crazy about typefaces and it’s one of the things that attracts me to page design and graphic illustration. Fonts come in so many variaties and variations, it’s hard to remember which is which. Historically publishers of fonts and typefaces would print catalogues of sample text in various fonts so you could…

0

Expression Web 3 / CSS Layout and Blog Makeover

As a member of the Microsoft Expression Web team, I am proud to be a part of our newest release: Microsoft Expression Web 3. Not only am I pleased and very grateful to have had an opportunity to contribute to the release of this application, I am also looking forward to using Expression Web as the finest tool to edit and design…

3

Picture Perfect Expression Media Image Gallery

I used Expression Design to layout and create the elements for my wedding homepage and then used Expression Web to position them on the page. After that I used Expression Web to give the page image swapping behaviors when the user moved the mouse over the titles of the page. In this final blog I…

1

Make Your Web Pages "Behave" by Swapping Images

I used Expression Design to layout and create the elements for my wedding homepage (see my blog Composing a Wedding Page in Expression Design) and then used Expression Web to position them on the page. In this post I will describe how to use Expression Web to add image swapping behavior to the page. Each…

3

Using a Tracing Image in Expression Web to Guide Page Layout

I used Expression Design to layout and create the elements for my wedding homepage (see my blog Composing a Wedding Page in Expression Design.) In this post I will describe how to use Expression Web to layout those elements on the page based on the composition image. Using a Tracing Image is one way a web…

4

Composing a Wedding Page in Expression Design

In August of 2008 I was lucky enough to marry the woman of my dreams with a small wedding ceremony in Las Vegas. I really enjoy web design and while I am not a professional web designer, I get to play one at my new job as a software tester on the Expression Web team at Microsoft…

2