The New Iteration

April 7 2014

cover Having just gotten back from Build 2014, I felt inspired by conversations and sessions that were all about XAML and developer/designer workflow, and I started thinking about a paper Jaime Rodriguez and I wrote six years ago called The New Iteration: How XAML Transforms The Collaboration Between Designers and Developers. I went to go re-read it and, ack, I got a 404!

Well, that’s not okay, so here it is in all its glory. Still a lot of great content in there methinks.

AI->Canvas: Generating HTML5 canvas code from Adobe Illustrator

October 13 2010

Mike Swanson is the man when it comes to getting artwork out of Adobe Illustrator and into a format usable by the browser. His first go at this was the AI->XAML plug-in, a widely used plug-in by graphic designers building assets for WPF and Silverlight projects. Well, now he’s back with another plug-in, this time for the HTML5 <canvas> tag. It’s called (not surprisingly) AI->Canvas. Same idea, but even better, because he’s taken this one to the next level. Not only will he export the asset; he also has all these clever little macros that enable transformation and animation of the asset. Super sweet. There’s tons of great tutorials and documentation up at Mix Online on how to use it, so don’t be intimidated.

Oh, and a shout out to @Systim, who built all the lab pages for the AI->Canvas lab on Mix Online. View source and you’ll see all HTML5. Rad!

iPhone and iTouch Support For BlogEngine.NET

September 30 2010

BlogEngine.NET does a great job with mobile devices, rendering its content with a default skin whenever it detects a mobile device. Unfortunately, this behavior doesn’t work on the iPhone or iTouch. However, the fix is easy. Simply add iphone and ipod to the BlogEngine.MobileDevices key in web.config, as follows:

<add key="BlogEngine.MobileDevices" value="(iphone|ipod|nokia|sonyericsson|blackberry|samsung|sec\-|windows ce|motorola|mot\-|up.b|midp\-)"/>

Once you’ve done this, the default mobile theme will render on the iPhone and iTouch.

If you are looking for even a prettier theme   I also found the BETouch iPhone theme, which looks great. Simply add the theme to the themes directory and then change the mobile theme to BETouch in admin settings.

I’m now using it for this blog!

image

Screencast On Creating jQuery Animations Without Code

August 12 2010

Check out this post by my designer colleage, Tim Aidlin, on how to use Glimmer to create jQuery animations, in this case the hero graphic up at http://archivist.visitmix.com. Here's the screencast itself:

 

Oomph artwork
You need Silverlight to view this video. It’s fast, it’s free and it’s awesome. Click here to get it.

Windows Phone 7 Development Tip: Discovering and Using Default Styles

August 10 2010

I was playing around with the Windows Phone 7 tools and noticed that there are some system styles available for text.  For example, I noticed the following XAML that referenced PhoneTextTitle1Style in one of the Visual Studio project templates:

            <TextBlock x:Name="ListTitle" Text="{Binding LineOne}" Margin="-3,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

I then wanted to figure out what all the system styles were.  How to do it? Expression Blend!  By going to the Assets tab and then clicking Styles --> System Styles, I was able to see all the styles:

 

I then wanted to see what they looked like, so I double clicked each one, which created a textbox. To correlate the look with the name, I replaced the default text with the name of the style, producing this:

 

Perhaps this graphic/tip will help someone out there!