I’m back in Seattle after attending TechEd Europe earlier in the week. It was an absolute blast and thanks to everyone who came to the overflowed Popfly session!
Tony Goodhew and I did demos in Soma’s keynote, check out Patrik and Andrew’s blogs for a recap on the keynote:
- Patrik Lowendahl’s: Live from the keynote with Somasegar * Andrew Woodward: TechEd 2007 EMEA keynote
In my demo, I showed off **AddOn Studio for World of Warcraft **(separate post on that later) and the now-available Popfly Explorer.
Popfly Explorer Beta
New with Popfly Explorer Beta for Visual Studio (works in 2005 & 2008 Express Editions-through-VSTS) is its ability publish custom Web pages as well as add Popfly mashups/gadgets to any existing Web site easily. More info here.
Everything you need to get started
- Free HTML/JavaScript Tool: Visual Web Developer Express is a visual Web design tool that, with the 2008 version adds the same HTML rendering engine and CSS support in tools like Expression Web as well as much improved support for JavaScript. * Download Visual Web Developer Express 2008 Beta 2 * Free HTML Hosting: Using Popfly Explorer Beta, you can now publish HTML, CSS, JavaScript, images, and XML files directly to your own Popfly space. * Download Popfly Explorer * Free Learning Materials: If you’re new to HTML or CSS, we also offer a number of free learning content like * HTML 4 for Dummies * Creating Web Pages All-in-One Desk Reference for Dummies * Introduction to CSS * Introduction to JavaScript
Getting Started with Popfly Explorer
After installing (note it may take a while as it has to apply settings to every VS product you have. I have 9 Express products and two VSTS products so it took close to 10 minutes).
In VWD, select File New Project…Popfly Web Site
When you click File…New Item… in the project, you’ll get a filtered list of item templates that work with Popfly. I’ll choose a **Style Sheet **template.
When you add the page, it dumps you into the CSS editor. As I prefer a GUI for styles, simply right click and select Build Style…
This will display the visual style builder shown below with styles grouped in categories and a live preview of what the style will look like.
You can then apply that style to your Web page and design the HTML as you see fit either by hand coding HTML or using the built-in designer and HTML toolbox controls:
You can build HTML, forms or AJAX applications In the page below is a simple form that uses JavaScript to update an embedded Popfly Gadget that displays images from Windows Live Images.
In the Popfly Explorer Window, you can just drag and drop Popfly projects directly onto the Web page and it will automatically build an