
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel>
        <title>Lab - MIX Online</title>
        <description></description>
        <link>http://www.visitmix.com/Lab</link>
        <language>en</language>
        <item>
            <dc:creator>Nishant Kothary</dc:creator>
            <title>Oxite</title>
            <description>&lt;div class=&quot;main lab&quot; id=&quot;oxite&quot;&gt; &lt;div id=&quot;title&quot;&gt; &lt;h2 class=&quot;bgimage&quot;&gt;Oxite&lt;/h2&gt;&lt;/div&gt; &lt;div class=&quot;intro&quot;&gt; &lt;p&gt;Oxite (alpha) is an open source, standards compliant, and extensible content management sample that can run anything from blogs to big web sites. We know this because it runs MIX Online.&lt;/p&gt; &lt;p class=&quot;more&quot;&gt;&lt;a class=&quot;bgimage&quot; id=&quot;download&quot; href=&quot;http://www.codeplex.com/oxite&quot;&gt;Download Oxite (alpha) from Codeplex&lt;/a&gt; &lt;em&gt;but if you must, scroll to &lt;a href=&quot;#learnmore&quot;&gt;learn more&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;sections&quot;&gt; &lt;div class=&quot;primary content&quot;&gt; &lt;div class=&quot;sections&quot;&gt; &lt;div class=&quot;primary&quot;&gt; &lt;h3 class=&quot;title&quot; id=&quot;learnmore&quot;&gt;What's in the bag?&lt;/h3&gt; &lt;p id=&quot;tools&quot;&gt;&lt;span class=&quot;icon&quot;&gt;&lt;/span&gt;&lt;strong&gt;Everything you could ever want &lt;/strong&gt; When you roll your own blog or web site, you are faced with a huge list of protocols and features that you need to implement, but all you care about is building the best web experience you can dream up. Oxite provides you with a strong foundation you can build upon - pingbacks, trackbacks, anonymous or authenticated commenting (with optional moderation), gravatar support, RSS feeds at any page level, support for MetaWebLog API (think Windows Live Writer integration made easy), web admin panel, support for Open Search format allowing users to search your site using their browser's search box, and more - so, you can spend time on designing a great experience.&lt;/p&gt; &lt;p id=&quot;author&quot;&gt;&lt;span class=&quot;icon&quot;&gt;&lt;/span&gt;&lt;strong&gt;Create more than just blog posts.&lt;/strong&gt; Oxite includes the ability to create and edit an arbitrary set of pages on your site. Want an 'about' page? You got it. Need a special page about your dogs, with sub-pages for each of those special animals? Yep, no worries . the ability to add pages as a child of another page is all built in. The web-based editing and creation interface lets you put whatever HTML you want onto your pages, and the built-in authentication system means that only you will be able to edit them. And if that's not enough, well, you have all the code, don't you?&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;secondary&quot;&gt; &lt;p id=&quot;heart&quot;&gt;&lt;span class=&quot;icon&quot;&gt;&lt;/span&gt;&lt;strong&gt;We heart web standards.&lt;/strong&gt; Web development isn’t easy. Oxite shows that you can build a standards compliant website, starting with design and markup and realizing that vision into a web application using ASP.NET MVC. The current iteration is an alpha release and we'll continue to ship periodic updates based on all the great feedback we're hearing. We’ve also made it open source so that people can look at the code and even contribute changes along the way.&lt;/p&gt; &lt;p id=&quot;people&quot;&gt;&lt;span class=&quot;icon&quot;&gt;&lt;/span&gt;&lt;strong&gt;Lone blogger, or part of a pack?&lt;/strong&gt; Oxite includes support for multiple blogs on one site, as well as the ability to contain the data for more than one site in the same database.&lt;/p&gt; &lt;p id=&quot;learn&quot;&gt;&lt;span class=&quot;icon&quot;&gt;&lt;/span&gt;&lt;strong&gt;Learn from MIX Online.&lt;/strong&gt; We know how frustrating it can be to get going on building a great site on a powerful platform. We're providing a default template to get you started, but fret not if that's not enough. If you're anything like us, you learn best by sifting through code. So, we figured that we'd package up MIX Online codebase for your perusal. If nothing, it should give you a rockin' good start at building your own site.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id=&quot;screenshots&quot;&gt; &lt;h3&gt;Screenshots&lt;/h3&gt; &lt;ul class=&quot;screenshots&quot;&gt; &lt;li class=&quot;screenshot first&quot;&gt;&lt;a title=&quot;Default skin and post shown on the Oxite homepage&quot; href=&quot;/Labs/oxite/OxiteScreenshot1.png&quot; rel=&quot;lightbox[screenshots]&quot;&gt;&lt;img height=&quot;140&quot; alt=&quot;Default skin and post shown on the Oxite homepage&quot; src=&quot;/Labs/oxite/OxiteScreenshot1_thumb.png&quot; width=&quot;190&quot;&gt;&lt;/a&gt;  &lt;li class=&quot;screenshot&quot;&gt;&lt;a title=&quot;Permalink of default post&quot; href=&quot;/Labs/oxite/OxiteScreenshot2.png&quot; rel=&quot;lightbox[screenshots]&quot;&gt;&lt;img height=&quot;140&quot; alt=&quot;Permalink of default post&quot; src=&quot;/Labs/oxite/OxiteScreenshot2_thumb.png&quot; width=&quot;190&quot;&gt;&lt;/a&gt;  &lt;li class=&quot;screenshot last&quot;&gt;&lt;a title=&quot;Adding a comment to the permalink&quot; href=&quot;/Labs/oxite/OxiteScreenshot3.png&quot; rel=&quot;lightbox[screenshots]&quot;&gt;&lt;img height=&quot;140&quot; alt=&quot;Adding a comment to the permalink&quot; src=&quot;/Labs/oxite/OxiteScreenshot3_thumb.png&quot; width=&quot;190&quot;&gt;&lt;/a&gt; &lt;/li&gt;&lt;/ul&gt; &lt;ul class=&quot;screenshots&quot;&gt; &lt;li class=&quot;screenshot first&quot;&gt;&lt;a title=&quot;Admin controls on the default post&quot; href=&quot;/Labs/oxite/OxiteScreenshot4.png&quot; rel=&quot;lightbox[screenshots]&quot;&gt;&lt;img height=&quot;140&quot; alt=&quot;Admin controls on the default post&quot; src=&quot;/Labs/oxite/OxiteScreenshot4_thumb.png&quot; width=&quot;190&quot;&gt;&lt;/a&gt;  &lt;li class=&quot;screenshot&quot;&gt;&lt;a title=&quot;Creating a new post in the admin&quot; href=&quot;/Labs/oxite/OxiteScreenshot5.png&quot; rel=&quot;lightbox[screenshots]&quot;&gt;&lt;img height=&quot;140&quot; alt=&quot;Creating a new post in the admin&quot; src=&quot;/Labs/oxite/OxiteScreenshot5_thumb.png&quot; width=&quot;190&quot;&gt;&lt;/a&gt;  &lt;li class=&quot;screenshot last&quot;&gt;&lt;a title=&quot;The SignIn View markup and code in Visual Studio&quot; href=&quot;/Labs/oxite/OxiteScreenshot6.png&quot; rel=&quot;lightbox[screenshots]&quot;&gt;&lt;img height=&quot;140&quot; alt=&quot;The SignIn View markup and code in Visual Studio&quot; src=&quot;/Labs/oxite/OxiteScreenshot6_thumb.png&quot; width=&quot;190&quot;&gt;&lt;/a&gt; &lt;/li&gt;&lt;/ul&gt;&lt;/div&gt; &lt;div id=&quot;videos&quot;&gt; &lt;h3&gt;Video&lt;/h3&gt; &lt;ul class=&quot;videos&quot;&gt; &lt;li class=&quot;video&quot;&gt; &lt;div class=&quot;primary&quot;&gt; &lt;div&gt; &lt;object type=&quot;application/x-silverlight-2&quot; height=&quot;240&quot; width=&quot;320&quot; data=&quot;data:application/x-oleobject;base64,QfXq3+HzJEysrJnDBxUISgAIAAATIQAAzhgAABAAAAAjAEUAMABGADkARgA5AAAAAAAAAAAAAAA2AAAALwBDAGwAaQBlAG4AdABCAGkAbgAvAFYAaQBkAGUAbwBQAGwAYQB5AGUAcgAuAHgAYQBwAAAAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXAEAAG0APQBtAG0AcwA6AC8ALwBtAHMAYwBoAG4AbABuAGkAbgBlAC4AdwBtAG8AZAAuAGwAbABuAHcAZAAuAG4AZQB0AC8AYQAxADgAMAA5AC8AZAAxAC8AYwBoADkALwA0AC8AOAAvADgALwA2AC8ANAAvADQALwBUAEMAUwBPAHgAaQB0AGUATQBWAEMAQgBsAG8AZwBfAHMAXwBjAGgAOQAuAHcAbQB2ACwAdABoAHUAbQBiAG4AYQBpAGwAPQBoAHQAdABwADoALwAvAG0AcwBjAGgAbgBsAG4AaQBuAGUALgB2AG8ALgBsAGwAbgB3AGQALgBuAGUAdAAvAGQAMQAvAGMAaAA5AC8ANAAvADgALwA4AC8ANgAvADQALwA0AC8AVABDAFMATwB4AGkAdABlAF8ARQBzAHMAZQBuAHQAaQBhAGwAXwBUAGgAdQBtAGIALgBqAHAAZwAAAAAAAAAAAAAAAQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==&quot;&gt;                                                                                                                                                                   &lt;div class=&quot;noplayer&quot;&gt;                                             &lt;div class=&quot;preview&quot;&gt;                                                 &lt;img src=&quot;http://mschnlnine.vo.llnwd.net/d1/ch9/4/8/8/6/4/4/TCSOxite_large_ch9.jpg&quot; width=&quot;320&quot; height=&quot;240&quot; alt=&quot;Oxite&quot; /&gt;                                             &lt;/div&gt;                                             &lt;div class=&quot;install&quot;&gt;                                                 &lt;a href=&quot;http://go2.microsoft.com/fwlink/?LinkID=114576&quot; title=&quot;Go get Silverlight!&quot;&gt;                                                     &lt;img src=&quot;/Content/img/play_button.gif&quot; width=&quot;23&quot; height=&quot;27&quot; alt=&quot;Go get Silverlight!&quot; /&gt;                                                 &lt;/a&gt;                                             &lt;/div&gt;                                             &lt;div class=&quot;toview&quot;&gt;                                                 You need Silverlight to view this video. It&amp;#8217s fast, it&amp;#8217s free and it&amp;#8217s                                                 awesome. Click &lt;a href=&quot;http://go2.microsoft.com/fwlink/?LinkID=114576&quot;&gt;here&lt;/a&gt;                                                 to get it.&lt;/div&gt;                                         &lt;/div&gt;                                     &lt;/object&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;secondary&quot;&gt; &lt;h4&gt;&lt;a href=&quot;http://channel9.msdn.com/shows/Continuum/Oxite&quot;&gt;A Quick Overview of Oxite&lt;/a&gt;&lt;/h4&gt; &lt;p&gt;In this video, &lt;a href=&quot;http://www.adamkinney.com/&quot;&gt;Adam Kinney&lt;/a&gt;, one of the early cofounders of Oxite, talks to &lt;a href=&quot;http://weblogs.asp.net/eporter/&quot;&gt;Erik Porter&lt;/a&gt; and &lt;a href=&quot;http://channel9.msdn.com/Niners/heskew/&quot;&gt;Nathan Heskew&lt;/a&gt; about what exactly Oxite has to offer. Erik and Nathan take you on a whirlwind tour of everything in the Oxite bag. If reading is not your thing, this video is for you. (6m42s)&lt;/p&gt; &lt;p&gt;Other versions: &lt;a href=&quot;http://mschnlnine.vo.llnwd.net/d1/ch9/4/8/8/6/4/4/TCSOxiteMVCBlog_ch9.mp4&quot;&gt;MP4&lt;/a&gt; | &lt;a href=&quot;http://mschnlnine.vo.llnwd.net/d1/ch9/4/8/8/6/4/4/TCSOxiteMVCBlog_2MB_ch9.wmv&quot;&gt;High Quality WMV&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;secondary&quot;&gt; &lt;div class=&quot;box lab&quot;&gt;Be sure to check out our &lt;a href=&quot;/Lab/&quot;&gt;lab&lt;/a&gt; for more cool stuff.&lt;/div&gt; &lt;div class=&quot;box&quot;&gt; &lt;div class=&quot;title&quot;&gt; &lt;h3&gt;Related Articles&lt;/h3&gt;&lt;/div&gt; &lt;ul class=&quot;related&quot;&gt; &lt;li&gt; &lt;div&gt;&lt;a class=&quot;avatar&quot; title=&quot;Molly Holzschlag&quot; href=&quot;/About/mollydotcom&quot;&gt;&lt;img class=&quot;gravatar&quot; title=&quot;Molly Holzschlag (gravatar)&quot; height=&quot;48&quot; alt=&quot;Molly Holzschlag (gravatar)&quot; src=&quot;http://www.gravatar.com/avatar/b467deb4ea6a75878c75094ad2b1ef3c?s=48&amp;amp;d=http%3A%2F%2Fwww.visitmix.com%2FContent%2Fimg%2Fdefault_gravatar.gif&quot; width=&quot;48&quot;&gt;&lt;/a&gt;&lt;/div&gt; &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;/Articles/Web-Standards-Where-the-ROI-is&quot;&gt;Web Standards: Where the ROI is&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;by &lt;a href=&quot;/About/MollyDotCom&quot;&gt;Molly Holzschlag&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;li&gt; &lt;div&gt;&lt;a class=&quot;avatar&quot; title=&quot;Nishant Kothary&quot; href=&quot;/About/nishkoth&quot;&gt;&lt;img class=&quot;gravatar&quot; title=&quot;Nishant Kothary (gravatar)&quot; height=&quot;48&quot; alt=&quot;Nishant Kothary (gravatar)&quot; src=&quot;http://www.gravatar.com/avatar/6a1e88da24a4a943e1648d6123887a7d?s=48&amp;amp;d=http%3A%2F%2Fwww.visitmix.com%2FContent%2Fimg%2Fdefault_gravatar.gif&quot; width=&quot;48&quot;&gt;&lt;/a&gt;&lt;/div&gt; &lt;p&gt;&lt;strong&gt;&lt;a href=&quot;/Articles/Web-Design-from-the-Gut&quot;&gt;Web Design from the Gut&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;by &lt;a href=&quot;/About/nishkoth&quot;&gt;Nishant Kothary&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt; &lt;div class=&quot;box&quot;&gt; &lt;div class=&quot;title&quot;&gt; &lt;h3&gt;Quick Links&lt;/h3&gt;&lt;/div&gt; &lt;ul class=&quot;links&quot;&gt; &lt;li class=&quot;first&quot;&gt;You can &lt;a href=&quot;http://www.codeplex.com/oxite/Release/ProjectReleases.aspx#ReleaseFiles&quot;&gt;download the Oxite source&lt;/a&gt; as well as check out &lt;a href=&quot;http://www.codeplex.com/oxite/Wiki/View.aspx?title=oxitesites&amp;amp;referringTitle=Home&quot;&gt;example implementations of Oxite&lt;/a&gt; on CodePlex.  &lt;li class=&quot;last&quot;&gt;Got questions about the project? &lt;a href=&quot;http://www.codeplex.com/oxite/Thread/List.aspx&quot;&gt;Check out the discussion forums&lt;/a&gt;. &lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
            <link>http://www.visitmix.com/Lab/Oxite</link>
            <pubDate>Fri, 19 Dec 2008 21:23:07 GMT</pubDate>
            <category>Programming</category>
            <category>Web Standards</category>
            <category>ASP.NET MVC</category>
            <category>Oxite</category>
            <category>Blogging</category>
        </item>
        <item>
            <dc:creator>Joshua Allen</dc:creator>
            <title>Our First Labs Project: A Microformats Toolkit Called &quot;Oomph&quot;</title>
            <description>&lt;div id=&quot;lab&quot; class=&quot;main&quot;&gt; &lt;div id=&quot;title&quot;&gt; &lt;h2&gt;Oomph: A Microformats Toolkit&lt;/h2&gt; &lt;p&gt;&lt;a href=&quot;/Lab&quot;&gt;&amp;lt; Back to lab main page&lt;/a&gt;&lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;sections intro&quot;&gt; &lt;div class=&quot;primary&quot;&gt; &lt;p&gt;&lt;strong&gt;Microformats&lt;/strong&gt; are about enhancing the web, representing data in HTML and moving that data around. Oomph: A Microformats Toolkit is for web developers, designers and users, making it easier to create, consume, and style Microformats. In short, Oomph makes consuming and producing content for the web just a little easier, more efficient, more fun.&lt;/p&gt;&lt;a href=&quot;http://www.codeplex.com/oomph&quot;&gt;&lt;img class=&quot;button&quot; alt=&quot;Download Oomph from Codeplex&quot; src=&quot;/Content/img/lab_oomph_downloadButton.jpg&quot;&gt;&lt;/a&gt;  &lt;p&gt;&lt;/p&gt;&lt;/div&gt; &lt;div class=&quot;secondary&quot;&gt; &lt;div&gt;&lt;object data=&quot;data:application/x-silverlight,&quot; type=&quot;application/x-silverlight-2&quot; width=&quot;320&quot; height=&quot;240&quot;&gt; 	&lt;param name=&quot;source&quot; value=&quot;http://www.visitmix.com/ClientBin/VideoPlayer.xap&quot; /&gt; 	&lt;param name=&quot;initParams&quot; value=&quot;m=mms://mschnlnine.wmod.llnwd.net/a1809/d1/mix/1/1/2/1/OomphIntroduction_s_mix.wmv,thumbnail=http://mschnlnine.vo.llnwd.net/d1/mix/1/1/2/1/OomphIntroduction_large_mix.jpg,autohide=true&quot; /&gt; 	&lt;param name=&quot;background&quot; value=&quot;#00000000&quot; /&gt; 	&lt;div class=&quot;noplayer&quot;&gt; 		&lt;div class=&quot;preview&quot;&gt; 			&lt;img src=&quot;http://www.visitmix.com/Content/img/lab_oomph_videoplaceholder.jpg&quot; width=&quot;320&quot; height=&quot;240&quot; alt=&quot;Oomph artwork&quot; /&gt; 		&lt;/div&gt; 		&lt;div class=&quot;install&quot;&gt; 			&lt;a href=&quot;http://go2.microsoft.com/fwlink/?LinkID=114576&quot; title=&quot;Go get Silverlight!&quot;&gt; 				&lt;img src=&quot;http://www.visitmix.com/Content/img/play_button.gif&quot; width=&quot;23&quot; height=&quot;27&quot; alt=&quot;Go get Silverlight!&quot; /&gt; 			&lt;/a&gt; 		&lt;/div&gt; 		&lt;div class=&quot;toview&quot;&gt;You need Silverlight to view this video. It&amp;#8217;s fast, it&amp;#8217;s free and it&amp;#8217;s awesome. Click &lt;a href=&quot;http://go2.microsoft.com/fwlink/?LinkID=114576&quot;&gt;here&lt;/a&gt; to get it.&lt;/div&gt; 	&lt;/div&gt; &lt;/object&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;ul class=&quot;options&quot;&gt; &lt;li class=&quot;first&quot;&gt; &lt;h4&gt;Consume&lt;/h4&gt;&lt;a class=&quot;image&quot; href=&quot;#Consume&quot;&gt;&lt;img alt=&quot;Consume Microformats&quot; src=&quot;/Content/img/lab_oomph_consume.jpg&quot; width=&quot;48&quot; height=&quot;48&quot;&gt;&lt;/a&gt;  &lt;p&gt;&lt;strong&gt;With the Internet Explorer Add-in,&lt;/strong&gt; web pages with Microformats light up. Want a cross-browser experience? Add a slick overlay that aggregates Microformats to any web page with one line of Javascript. &lt;a class=&quot;more&quot; href=&quot;#Consume&quot;&gt;Read More &lt;/a&gt;&lt;/p&gt; &lt;li&gt; &lt;h4&gt;Style&lt;/h4&gt;&lt;a class=&quot;image&quot; href=&quot;#Style&quot;&gt;&lt;img alt=&quot;Style Microformats&quot; src=&quot;/Content/img/lab_oomph_style.jpg&quot; width=&quot;48&quot; height=&quot;48&quot;&gt;&lt;/a&gt;  &lt;p&gt;&lt;strong&gt;Written for &lt;/strong&gt;the &lt;a href=&quot;http://microformats.org/wiki/hcard&quot;&gt;hCard&lt;/a&gt; and &lt;a href=&quot;http://microformats.org/wiki/hcalendar&quot;&gt;hCalendar&lt;/a&gt; Microformat specifications, this set of 14 CSS styles will make your Microformatted content look beautiful and stylish. &lt;a class=&quot;more&quot; href=&quot;#Style&quot;&gt;Read More &lt;/a&gt;&lt;/p&gt; &lt;li class=&quot;last&quot;&gt; &lt;h4&gt;Create&lt;/h4&gt;&lt;a class=&quot;image&quot; href=&quot;#Create&quot;&gt;&lt;img alt=&quot;Create Microformats&quot; src=&quot;/Content/img/lab_oomph_create.jpg&quot; width=&quot;48&quot; height=&quot;48&quot;&gt;&lt;/a&gt;  &lt;p&gt;&lt;strong&gt;Do you publish content through a blog engine?&lt;/strong&gt; Easily add Microformatted content to your blog posts with this Windows Live Writer Plug-in. &lt;a class=&quot;more&quot; href=&quot;#Create&quot;&gt;Read More &lt;/a&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;div class=&quot;sections&quot;&gt; &lt;div class=&quot;primary content&quot;&gt; &lt;h3&gt;Go Microformats!&lt;/h3&gt; &lt;p&gt;The crew here at Mix Online believe in &lt;a href=&quot;http://microformats.org&quot;&gt;Microformats&lt;/a&gt;. But don't just believe us: look at the adoption of Microformats in the wild. There are over a billion web pages with content formatted to the hCard specification and nearly 100 million formatted to the hCalendar specification. Top web properties including Yahoo, LinkedIn, Eventful, Twitter and YouTube are using Microformats. At MIX06, Bill Gates, gave props to Microformats in his keynote: &quot;We need Microformats and to get people to agree on them. It is going to bootstrap exchanging data on the web.&quot;&lt;/p&gt; &lt;h3&gt;Oomph: A Microformat Toolkit&lt;/h3&gt; &lt;p&gt;With the momentum of Microformats burgeoning, we decided to build Oomph: A Microformat Toolkit. Our main goal with Oomph is to make Microformats more accessible for developers and designers. Oomph is an amalgamation of applications: an Internet Explorer Add-in built in C++ that finds Microformats on a page; a cross-browser HTML overlay built using JQuery that aggregates Microformats; a set of beautiful CSS styles for Microformats; and a Windows Live Writer plug-in written in WinForms for inserting hCards. And, &lt;a href=&quot;http://codeplex.com/oomph&quot;&gt;the entire project is up on Codeplex&lt;/a&gt;, ready for community contribution and extensibility.&lt;/p&gt;&lt;a name=&quot;Consume&quot;&gt;&lt;/a&gt; &lt;h3&gt;Consume&lt;/h3&gt; &lt;p&gt;Perhaps the most ambitious aspect of Oomph is the Internet Explorer Add-in and the accompanying cross-browser HTML overlay. For those who install the Add-in, pages with Microformats will &quot;light up&quot; aggregating and mapping the content as well as providing options to export the data. Architecturally, the Add-in actually injects a line of Javascript into web pages with Microformats. This Javascript can also be manually added to web pages, providing a cross-browser experience. You can see an example of this &lt;a href=&quot;http://rhizohm.net/contact.html&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;&lt;a name=&quot;Style&quot;&gt;&lt;/a&gt; &lt;h3&gt;Style&lt;/h3&gt; &lt;p&gt;Because Microformats are based on a standard set of HTML class attributes, styling Microformats with CSS makes a lot of sense. As such, we are providing a set of CSS styles that can be used to make Microformatted content look great, including even a grunge themed style!&lt;/p&gt;&lt;a name=&quot;Create&quot;&gt;&lt;/a&gt; &lt;h3&gt;Create&lt;/h3&gt; &lt;p&gt;Before you can style or consume Microformats, you need to create them. With this in mind, we have built an hCard Windows Live Writer Plug-in for adding contact information to your blog posts. The great thing about WLW is that it targets most blog platforms, including Windows Live Spaces, SharePoint, Wordpress, Blogger and many others. As blogs are becoming the CMS systems de rigueur, adding Microformats to blogs certainly adds up.&lt;/p&gt; &lt;h3&gt;Shout Outs&lt;/h3&gt; &lt;p&gt;We would like to thank a whole range of people who have inspired and helped the project get off the ground:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;http://www.kaply.com/weblog/&quot;&gt;Michael Kaply&lt;/a&gt; and his &lt;a href=&quot;http://www.kaply.com/weblog/operator/&quot;&gt;Operator Add-in for Firefox&lt;/a&gt;, which was inspirational.  &lt;li&gt;&lt;a href=&quot;http://www.johnfallsopp.com/&quot;&gt;John Allsopp&lt;/a&gt;, whose book on Microformats was essential reading for the whole team.  &lt;li&gt;All of the folks on the &lt;a href=&quot;http://microformats.org/discuss/&quot;&gt;microformats-discuss&lt;/a&gt; alias, whose passion for Microformats kept us invigorated.  &lt;li&gt;The authors of &lt;a href=&quot;http://jquery.com/&quot;&gt;jQuery&lt;/a&gt;, whose library we have fallen in love with.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt; &lt;div class=&quot;secondary&quot;&gt; &lt;div class=&quot;box&quot;&gt; &lt;div class=&quot;title&quot;&gt; &lt;h3&gt;Related Content&lt;/h3&gt;&lt;/div&gt; &lt;ul class=&quot;related&quot;&gt; &lt;li class=&quot;first&quot;&gt;&lt;a class=&quot;image&quot; title=&quot;Tim Aidlin&quot; href=&quot;/About/Systim&quot;&gt;&lt;img class=&quot;gravatar&quot; title=&quot;Tim Aidlin (gravatar)&quot; alt=&quot;Tim Aidlin (gravatar)&quot; src=&quot;http://www.gravatar.com/avatar/cc78a8b279ecf3147e499d33cf04e1ee?s=48&amp;amp;d=&quot; width=&quot;48&quot; height=&quot;48&quot;&gt;&lt;/a&gt;  &lt;p&gt;Prototype: Oomph - A Microformats Toolkit &lt;a class=&quot;more&quot; href=&quot;/Articles/Prototype-Oomph-A-Microformats-Toolkit&quot;&gt;Read more&lt;/a&gt;&lt;/p&gt;&lt;/li&gt; &lt;li &gt;&lt;a class=&quot;image&quot; title=&quot;John Allsopp&quot; href=&quot;/About/JohnAllsopp&quot;&gt;&lt;img class=&quot;gravatar&quot; title=&quot;John Allsopp&quot; alt=&quot;John Allsopp (gravatar)&quot; src=&quot;http://www.gravatar.com/avatar/85c3c5caa031176bc6abeea752a69e35&quot; width=&quot;48&quot; height=&quot;48&quot;&gt;&lt;/a&gt;  &lt;p&gt;Microformats: The Quiet Revolution &lt;a class=&quot;more&quot; href=&quot;/Articles/Microformats-The-Quiet-Revolution&quot;&gt;Read more&lt;/a&gt;&lt;/p&gt;&lt;/li&gt; &lt;li class=&quot;last&quot;&gt;&lt;a class=&quot;image&quot; title=&quot;Karsten Januszewski&quot; href=&quot;/About/karstenj&quot;&gt;&lt;img class=&quot;gravatar&quot; title=&quot;Karsten Januszewski&quot; alt=&quot;Karsten Januszewski (gravatar)&quot; src=&quot;http://www.gravatar.com/avatar/29f4b1c95ca39065007e84709df0dab6&quot; width=&quot;48&quot; height=&quot;48&quot;&gt;&lt;/a&gt;  &lt;p&gt;Notes On Oomph Development &lt;a class=&quot;more&quot; href=&quot;http://www.rhizohm.net/irhetoric/blog/tags/Oomph/default.aspx&quot;&gt;Read more&lt;/a&gt;&lt;/p&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/div&gt;&lt;!--&lt;div class=&quot;box&quot;&gt;
	            &lt;div class=&quot;title&quot;&gt;
	                &lt;h3&gt;From the Lab&lt;/h3&gt;
	            &lt;/div&gt;
	            &lt;ul class=&quot;experiments&quot;&gt;
	                &lt;li class=&quot;first last&quot;&gt;
	                    &lt;a href=&quot;#&quot; class=&quot;image&quot;&gt;&lt;img src=&quot;/Content/img/img20.jpg&quot; width=&quot;48&quot; height=&quot;48&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
	                    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Data Visualization Kit&lt;/a&gt;&lt;/h3&gt;
	                    &lt;p&gt;Etiam consectetuer lacus in justo. Aliquam erat volutpat. Mauris bibendum placerat lacus. Suspendisse vel eros. Duis at ipsum non leo dignissim porttitor. &lt;a href=&quot;#&quot; class=&quot;more&quot;&gt;Visit Project Page &amp;raquo;&lt;/a&gt;&lt;/p&gt;
	                &lt;/li&gt;
	            &lt;/ul&gt;
	        &lt;/div&gt;--&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
            <link>http://www.visitmix.com/Lab/oomph</link>
            <pubDate>Fri, 05 Dec 2008 20:16:42 GMT</pubDate>
        </item>
    </channel>
</rss>