View.Source for the MySpace Generation

My boss, John, posted the following a couple hours ago:

Well, we saw a lot of people at Maker Faire, but the biggest thing we did was the ducks. Sure we gave a lot of demos, but for every demo we gave we had four kids painting ducks. Here are some of the ducks that the kids painted, Popfly-style.

This was, unsurprisingly, followed by a Popfly mashup showing some of our favorite painted ducks. Upon seeing this, I said to myself “this is cool, but it’d be cooler if I could…” Of course, a second later it occurred to me that I could.

One of my favorite features in Popfly is the nigh-on-promiscuous sharing that can occur with any mashup, anywhere, at any time. Just click the expando button in the top right corner of a mashup and you can either copy a mashup to embed in your own pages, or customize it to make it uniquely yours. And I did just that.

Every time I look at how someone built a really cool Popfly mashup (Adam is a great source for these, by the way) I am reminded of the early days of the web when I’d do a View Source to figure out how people could pull off incredibly cool tricks with HTML. It never ceased to excite and amaze me then, and I’m delighted to discover that nothing’s changed :) I hope that Popfly can fuel something similar to the massive proliferation of HTML knowledge that we saw in the 90s.

Which mashup do you like better?

Possibly Related Posts:


May 30, 2007

Get Started with Silverlight

I just found a ton of great content on learning how to develop for Silverlight on the SL website. It includes the full contents of every Mix’07 session that centered on Silverlight along with a bunch of great how-to screencasts, including one from one of my favorite design firms, Metaliq, on their awesome video editing app Top Banana.

Possibly Related Posts:


May 30, 2007

Cool Web Dropdown Menus

One of the most compelling parts of moving to the Popfly team for me was the opportunity to develop my web design and development skills. I (just like every one of you, I presume) have been hacking around with various web technologies for the better part of a decade, but I never had the opportunity to become a “professional” web developer. Sure, I built my senior project in college using ASP.NET, and I’ve used PHP, Rails and other technologies for various small projects, but I’ve never had a good reason to get really proficient before.

As I drag myself up to speed, I thought I’d share some of the cooler components I’ve run into, such as the Son of Suckerfish dropdown menu. Originally featured in an article on A List Apart, Son of Suckerfish (henceforth SoS) offers you the ability to easily transform your average unordered list into a lean, mean multi-level-supporting menu. Admittedly, I think that using multi-level dropdowns as the primary navigation mechanism for your website is evil, but every tool has a time and place. Far be it from me to expect to dictate such terms.

What I love about techniques like the one described with SoS is the graceful degradation that can occur for users accessing the web through alternate means: be it a screen reader or a mobile phone. Enabling all of your possible users to access your content with greater ease can only help you in the end.

Possibly Related Posts:


May 30, 2007

Five Invitations to Popfly

update: i’ve received five requests

I’m going to give away invitations to Popfly to the first five people who email me or leave comments telling me what they want to do with the service.

Seriously, it’s that easy: just leave me a note saying that you want to build a mashup that does ‘x’ and I’ll send you an invite.

If you haven’t seen Popfly yet, it’s a new service from my team in Microsoft that lets you easily build rich, visually-compelling mashups by combining information from different sites like Netflix, Facebook, Xbox Live, Virtual Earth, and tons of others without writing any code.

Possibly Related Posts:


May 25, 2007

I am the token startup guy

Tom Barta, slayer of dragons, commenter with much to say, and all-around devilishly handsome chap had the following to say about me:

Popfly team picture

This one looks the most realistic. Notice the token Startup Guy and Girl Programmer hidden among a flock of token Fortune 500 Boring Guys, like a game of Where’s Waldo.

Yes, that’s right! I am the Token Startup Guy! :)

In our defense, though, regarding the human pyramid picture: this was one of those things that our managers (who are not in the pyramid, but are instead sitting in front of it) decided was a Really Bad Idea potentially fraught with maiming and back pain. They tried to talk us out of it, but the hotter heads prevailed.

Popfly human pyramid

Also, regarding the makeup of our team: the term Program Manager is a bit deceptive. I’ve taken the liberty of annotating our team members’ roles so that this all makes a bit more sense:

Person Job Title Actual Job Role
John Montgomery Group Program Manager Keeper of the schedule, big strategic guy, and my boss.
Andy Sterland Program Manager Writes specs, works with other teams from across Microsoft, writes code and fixes bugs when dev needs it, helps find bugs when test needs it.
Alpesh Gaglani Developer Alpesh is one of our front-end devs and maintainer of the web page builder.
Tim Rice Developer Tim works with Adam on the mashup designer and owns a number of other features.
Suzanne Hansen Program Manager Writes specs, works with other teams from across Microsoft, writes code and fixes bugs when dev needs it, helps our customers figure out what’s going on, was a good enough person to write our help docs and do our screencasts (she has my eternal gratitude for this), helps find bugs when test needs it.
Steven Wilssens Program Manager Writes specs, works with other teams from across Microsoft, writes code and fixes bugs when dev needs it, manages our servers, helps find bugs when test needs it.
Vinay Deo Engineering Manager Big strategic guy, boss for dev and test, still writes code.
Michael Leonard Test Developer Michael keeps us honest and manages our test infrastructure.
Jianchun Xu Developer Jianchun works on Popfly Explorer, maintains a number of our social networking features and is expecting his second child in just a few days :)
Dan Fernandez Product Manager Everyone needs a marketer, right? Dan’s awesome, by the way.
Adam Nathan Developer Adam built the mashup designer.
Wes Hutchins Program Manager Writes specs, works with other teams from across Microsoft, writes code and fixes bugs when dev needs it, helps find bugs when test needs it.
Aaron Brethorst Program Manager Writes specs, works with other teams from across Microsoft, writes code and fixes bugs when dev needs it, helps find bugs when test needs it. Is also the entire design team.
Paramesh Vaidyanathan Product Unit Manager Big strategic guy, and also frequently distracts Program Managers (jump ahead to about minute 33…I think my contacts were bothering me, in case you wondered)
Murali Potluri Developer Murali is primarily focused on back-end development, maintains our databases and does a bunch of other stuff. He also just got back from a month-long vacation in India.

Possibly Related Posts:


May 22, 2007

May 20, 2007

When Slashdot strikes!

I discovered this morning that Slashdot just found Popfly. Hilarity promptly ensued. What follows are some of my favorite quotes from the Popfly-related posting on there, which garnered about 300 comments.

Re: That’ll make you cringe from hobo sapiens

Hey, did you laugh at the pictures like I did?

One was the obligatory girl. She probably did design work. Not that she couldn’t code circles around the guys and all, but you know, gotta keep up appearances.

There were three guys on there, I swear, I saw them on NBC’s To Catch A Predator getting arrested. It’s good microsoft hires ex-cons. Keeps em off the streets.

Sloth from Goonies evidently works there now. Good for him. I’ll bet he eats a LOT of Baby Ruths.

There were plenty of forgettable, dorky white guys who, together, probably own every D&D and Warhammer piece ever made.

Finally, the project lead was surely the guy on top (of the pyramid, you perverts!). I guess I have worked on enough projects to know.

For starters, the “obligatory girl” (Suzanne) was actually somewhat offended by this comment. Besides, she didn’t do any of the design work. I did. The ex-cons bit made me laugh hysterically, though. I think it refers to my buddy, Steven. Maybe Wes :) I promise you, they’re not ex-cons, although Wes is from Florida. The “project lead” comment was the absolute best, though. That would be me. The only reason I got onto the top of the pyramid is because I was the only one dumb enough to do it. I also happened to smack one of my developers in the head just before this picture was taken, too.

Re: That’ll make you cringe from zippthorne

You think the candy-striper was the project lead? You need to use the scroll wheel more. Third from the right in the final picture: Aaron Brethorst (Program Manager).

But there are only 6 non-managers* in the picture, and Aaron is apparently in good company with the other 4 program managers. “The girl” btw, is also a program manager.

*Unless “developer” is also a code-word for manager…

These guys must be doing great with all that managing going on ou’ dere. I’m gonna go out on a limb here and guess they’re probably “well managed” in the same sense as a steak can be “well done.”

“candy-striper.” lol.

Possibly Related Posts:


May 20, 2007

Meet Popfly at Maker Faire!

I and several other members of the Popfly team will be flying down to San Francisco for Maker Faire at the San Mateo Fairgrounds this Saturday and Sunday. We’ll be demoing Popfly and painting ducks at the Coding4Fun booth, so come check it out!

Possibly Related Posts:


May 18, 2007

Meet Popfly – Mashups for the rest of us

For the past few months, I’ve been toiling away in secret with a small team (only about 15 people, which is tiny by Microsoft standards) on a new project that we’re finally ready to unveil. I’m very excited to introduce you to Microsoft Popfly, a fantastically innovative new web application that allows you to easily create rich, compelling mashups without writing a single line of code. Ever seen Twittervision? You can build it in Popfly in 45 seconds by dragging and dropping web services onto a Silverlight-based designer. Popfly even has Intellisense!

A while ago, I was giving a talk on the user experience enhancements that I was driving for the Visual Studio “Orcas” release here in Microsoft’s Developer Division. We’d run into some technical difficulties with projecting, and so I had a few minutes to kill. I ended up chatting with the next speaker—a guy named John Montgomery from the Non-Professional Tools team—about the work he was doing in the web space. It sounded interesting, and I scheduled some time to meet with him and get a demo of the application. It only took about 30 seconds before I asked him for a job.

I’ve been on the team for about four months, now, but I’m still blown away by what you can do with Popfly with basically zero effort. Don’t take my word for it, though, instead you should go watch our screencast (WMV version | Quicktime version). It provides a great 15 minute overview of the capabilities of the site.

The ease of creating mashups using Popfly is really something to see. In addition to the Twitter map app I referred to above, there are a ton of other things you can do today, too: Want to create a Vista sidebar gadget that shows off pictures from Flickr? 30 seconds, worst case. Need to relieve some stress? We have a whack-a-mole game that you can customize, too.

In the event that we don’t have a web service wrapper (called a “block” in Popfly parlance) that you’re looking for, we also offer an extensibility model for you to create your own blocks. This is one of my favorite features in the site, given that Programmable Web currently lists 436 separate APIs.

Blocks are a composite of a Javascript object, maybe some XAML, and an XML descriptor. Typically, they provide one-stop access to a web service, but others may perform data transformation, or they may display a Silverlight or DHTML-based UI. Each web service block exposes a handful of methods that encapsulate common scenarios for that service. For example, our Flickr block exposes a method to snag n geotagged photos that match a set of search terms. You can, for example, search for geotagged photos with the term “Ichiro Suzuki” and plug the data into a Virtual Earth map, which will give you back a VE map showing photos of Ichiro doing his thing at Qwest Field here in Seattle.

Popfly gives everyone the ability to easily create rich web mashups without writing a single line of Javascript. It’s a fantastic tool, and I hope you have the opportunity to try it out soon. If you visit the site, you can sign up for an invitation and browse through tons more information about us and what we’re building. Feel free to ask me questions, if you’d like. I look forward to your feedback!

Possibly Related Posts:


May 18, 2007

Just a few random updates

I’m revising the look and feel of my blog. Please let me know if anything looks particularly wonky, or if something is egregiously broken.

Also, just as a followup from my tale of laptop woe the other day, I wanted to mention that I ordered a slightly-older MacBook after Apple rev’d the specs on their consumer laptop line yesterday. Luckily for me, I was able to swoop in and get a fantastic deal on a black MacBook from Amazon. I’m very excited; it’ll be very cool to have a Mac laptop whose battery lasts longer than an hour.

Possibly Related Posts:


May 16, 2007