Microsoft Remix 2007

I spent the past two days at Remix 2007, a Microsoft web development conference.

My main motivation was to see what Microsoft's web development tools were like, particularly for designing and building a web site using graphical tools. At the moment, I build my web sites by hand, writing my own HTML and CSS. In theory, Microsoft's development tools such as Visual Studio should be able to create similar results much more quickly. Remix 07 seemed like a good way to find out about the latest tools and trends.

The event was held at the Crown Promenade Hotel, which is a hotel hidden just behind the main Crown Casino on Southbank.

According the registration email, attendees would receive a free copy of Expression Web, Microsoft's new web site development tool. When I arrived there around 9am, there was a booth handing out 60-day evaluation versions, but nothing else. Time to pick up a program and head in for the first session.

The event started with a keynote address about Silverlight and Expression. Silverlight is Microsoft's answer to Adobe's Flex. It's supposed to allow developers to write more interactive web sites. Unlike Flex, however, there didn't seem to be any real push to use Silverlight for desktop applications.

The first interesting session was by Lee Brimelow. He's a geek with a multimedia bent, somebody with a lot of Flash experience and the author of The Flash Blog. His session on Windows Presentation Framework (WPF) showed a lot of interesting multimedia techniques implemented using Microsoft's latest graphics framework, such as rotating shapes, 3D audio visualizations, and some photo browsing applications using the Flickr API. His talk was from the perspective of somebody familiar with Flash trying to do similar and interesting things with Microsoft's new stuff. It gave the impression of something very interesting to multimedia and design peeple, but not much that couldn't be achieved using existing technologies. That said, it was interesting from a developer's perspective.

The next talk was from Laurence Moroney about "Building Rich Web Experiences with Silverlight and JavaScript". It was a fairly basic talk about Microsoft's XAML mark-up language. If you've seen HTML and SVG or perhaps Mozilla's XUL, as I have, you would have been totally bored. Maybe it was useful for the designers.

After lunch there was a talk by Steve Marx provocatively titled "PHP and Microsoft". He said that Microsoft's IIS web server had recently become pretty good at running PHP. The rest of the talk was about using a library he'd written to provide a better user experience using Microsoft's AJAX library on your PHP-based web sites. It got me thinking about a few places I could use AJAX to dynamically update parts of a web page, and introduced me to Microsoft's SourceForge equivalent, CodePlex.

At 3.15, a Kiwi named John-Daniel Trask gave a talk. If I remember rightly it showed ways of providing web site content in other formats, such as RSS and XML. It was heavily based on an ASP.NET web site and used a lot of features of Visual Studio. The code itself wasn't particularly memorable.

The formalities for the first day finished with a talk about "Orcas", the version of Visual Studio that will be released as Visual Studio 2008. The main things it proved were that Visual Studio now has some good tools for web development including a split source/page view that reminded me of Firebug for Firefox and that Visual Studio 2008 was still buggy and a long way from being ready for release!

The end of the day was really good. Most of us went to an event down the road at Galactic Circus, involving ten-pin bowling, laser force, arcade games, and free beer. You can guess which one I focussed on. ;-)

Day two started with lots of marketing presentations and a demo of a state-of-the-art web site that Guy Gadney's team had developed for the Discovery Channel. The content and technology themselves weren't very interesting, but what was, was that it had only taken his team a few weeks to build the web site in question. The site showed off the Silverlight video streaming capabilities.

The mid-morning talk was by Russ Weakley, and was the kind of material I was used to and hoping to hear more of. It was also good to see and meet the main guy behind Max Design and the Web Standards Group. Unfortunately, it was mostly old news for me. His talk was about using different CSS hacks to target rules to different browsers. They weren't traditional hacks like the Holly Hack or Voice Hack, but rather import hacks that used the different ways that each browser parses the style sheet include code to hide some code from older or less standards compilant browsers. I had already used these techniques a few months ago, probably from reading Max Design's "Links for Light Reading", so credit where credit's due, and good that more peeple are being encouraged to use the technique (rather than using hacks or tables), but nothing new to me as a regular reader. At the end of his talk, I mentioned a script by Dean Edwards called "IE7", since I've found it greatly reduces the number of hacks I need to use when making my CSS work in Internet Explorer.

The last session of the morning was another one from John-Daniel Trask. He advocated designing with standards in mind, and reminded us of accessibility (primarily thru the Web Content Accessibility Guidelines). Again, not too much new for me, but refreshing to hear it being discussed at a Microsoft conference.

After lunch was a panel about "Web 2.0". It was a bit silly, with everybody talking around the topic rather than about it, talking about startups, trends, and trying to look cool.

Mid-afternoon was another talk from Steve Marx from Microsoft. It was technically rather light, since Visual Studio was doing much of the work, but it demoed using Visual Studio to AJAX enable a web site, and was made much more interesting by making the whole talk about juggling ("Asynchronous Juggling and XML" rather than the traditional "Asynchronous JavaScript and XML"). You can see how peeple like Linus Torvalds win the crowd over by being self-deprecating. :-)

The last session was another panel, discussing the differences between developers and designers. The host asked the audience to guess which of the panelists were developers, and which designers. It was fairly obvious: the designers had sunglasses, bad shirts and sideburns, while the developers had free polo shirts advertising technology companies and otherwise no fashion sense whatsoever. It was basically a wrap-up wishing that developers and designers worked more closely together, and reminding us to purchase their Expression software suite.

During the whole event, one recurring thought was that this new technology was largely futile, since nobody has the Silverlight runtime on their computer. Flash sites are only now coming into their own, and that's with an installed base of over 95%, it's hard to see how Microsoft would overtake Flash and Flex. Perhaps the one niche Silverlight might find is for intranet applications where the developers can specify a standard operating enviroment and target only one platform. For anything that has to be usable by everyone, HTML and JavaScript or Flash still seem like the only real options. (It was interesting to meet some peeple who were doing some marketing work for Microsoft who were attending. They, like many designers, were familiar with Adobe/Macromedia's tool suite, but were trying to move to Microsoft's products since they figured they had better use their client's own stuff.)

Otherwise, I'm left with a mildly positive impression. It was more informative than Sun or IBM events I've attended in the past, quite frank about what Microsoft could help you do while also acknowledging weaknesses, and rather more focussed on the developer.

After handing in my evaluation form, I was rather pleased to get a free copy of Expression Web!

Labels: , , , ,

Free Fonts

My interest in fonts began a few years ago when I discovered Lucida Sans. It was embedded in a paper about Plan 9, an operating system by the creators of UNIX. It's a nice, easy-to-read font without serifs (the ornaments on fonts like Times New Roman) that isn't as boring as Arial or Helvetica.

I was trying to find out how I could get the font on my computer, when I discovered that the Sun Java package includes the original Lucida Sans fonts. I now make a point of installing Java on all of my computers, then copying the fonts from the lib/fonts folder into my system fonts folder.

Lucida Grande



There's a similar font that comes with Mac OS X called Lucida Grande. If you're running Windows, you can get it by installing the Safari web browser public beta and copying the TTF files from the Safari.resources folder.

Microsoft Windows also comes with a version of Lucida Sans called Lucida Sans Unicode. On some systems (e.g. Windows 2000 without ClearType) this doesn't look very good and it doesn't differentiate between normal and bold, so I only use this as a fall back if the other two aren't available.

I use these three fonts as the default fonts on my web site. Since at least one of these is included in recent Windows and Mac systems, most peeple should see a Lucida Sans variant.

It also turns out there's a number of other good fonts available for free download, starting with the Microsoft Windows Core Fonts, including Andale Mono, Arial, MS Comic Sans, Courier New, Georgia, Impact, Tahoma, Times New Roman, Trebuchet MS, Webdings, and Verdana. Most peeple will be familiar with these fonts, but I'd like to point out Andale Mono as it's a really good font for programming and much better looking than Courier New. They can be downloaded from the SourceForge Core Fonts Project Page.

Andale Mono



Other worthwhile downloads are the Windows ClearType Fonts, including Calibri, Cambria, Candara, Consolas, Constantia, and Corbel. They are all included in a standard install of Windows Vista or Microsoft Office 2007, but you can also get them in the Microsoft PowerPoint 2007 Viewer package. Calibri is the definite highlight. It's the default font in Word 2007, so you're certain to see it more in future.

The Microsoft Office Fonts includes some classics, particularly Century Schoolbook, Gill Sans MT, and Lucida Sans. You can get them with most versions of Microsoft Office, but you can also get them in the freely available Microsoft Publisher 98 Euro Fonts Update. Run PubUpd.exe /c /t:c:\temp, then copy the TTF files from c:\temp into c:\windows\fonts.

I discovered today that Adobe Reader version 8 includes Myriad Pro. It's an attractive humanist font similar to Lucida Sans. It's the font used in Apple ads. You can download it here. Install it and then copy the OTF files from the Resource/Font folder into the system fonts folder.

Myriad Pro



Another set of good fonts that deserve more attention is the Bitstream Vera family. They are included as the default fonts in many recent Linux distributions, and can be downloaded from the GNOME Fonts web page. They can be used as pretty good replacements for Verdana, Georgia, and Andale Mono.

Thanks to GearedBull for releasing his excellent Wikipedia font previews into the public domain.

Labels: , , , , , ,

New Web Site Design

A number of peeple told me that my site looked boring.

I had been wanting to come up with a radical new style, having been inspired by sites like Modern Life and an excellent list of 50 beautiful sites on Smashing Magazine.

After many battles with CSS to get exactly the right results in all browsers, and realizing that it would take forever if I wanted something unusual, I decided to try something simple yesterday. The result is now the default theme on my web site.


New Home Page



The main focus is the new banner, which is a bright "cornflower" blue (probably my favorite color, even if it does remind me of Fight Club). At the bottom of the banner are simple white all caps words that are links to each section of the site.

I decided to remove the page titles and the crumbs. I'm going to leave them out to reduce any clutter until I'm sure they're necessary.


New-Look Blog



The other major change is to specify a font size. In the past, all my sites have respected the browsers's preferred font size. Unfortunately, the default font size on Windows systems is quite large, and a lot of peeple don't know how to change it. The new theme specifies a default size of 10 points small, which should make fonts somewhat smaller than in the past, matching most peeple's expectations, making the site look better with default browser settings, while allowing peeple to make the fonts smaller or larger using their browser's text size or zoom feature.

There's also an improved "page not found" page. If you mistype an address, you are shown a list of similar pages if there are any, and a list of popular pages if there aren't any.

As always, the site should work on all platforms.

Let me know what you think!

Labels: , , ,