How-To WebMatrix How-To Articles 3/6/2013

Create and Publish Sites

How to Download a Remote Site with WebMatrix 

How to Publish a Website from WebMatrix

How to create a site from OSS Apps

Overview of the template gallery

How to use the PHP Starter template

How to use the Node.js Starter template

How to use ASP.NET WebPages Starter template

How to use ASP.NET WebPages Bakery template

How to use ASP.NET WebPages Personal Site template

How to use ASP.NET WebPages Photo Gallery template

How to create an ASP.NET site from scratch

Edit Sites

How to Edit a Remote Site with WebMatrix

How to Edit a Site Hosted on Windows Azure with WebMatrix

How to Manage a website hosted on Windows Azure from WebMatrix

How to use Git in WebMatrix

How to use TFS in WebMatrix

How to edit a single file

Building mobile ready sites with Node

Enabling Oauth in Node

Building sites using Web Pages and VB

How to Use Less CSS

How to Use CoffeeScript

How to Use Sass

How to use the color picker

Keyboard shortcut guide

Use Extensions

How to install a NuGet package

How to install extensions

How to write extensions

How to install and use the Windows Phone 7 emulator extension

How to install and use the Electric Plum iPhone simulator extension

How to install and use the Electric Plum iPad simulator extension

Learn, Database, Reports

How to use the learn pane

How to submit learn content

How to use the DB workspace

How to use the Site workspace

How to use the Report workspace

How to improve your site's SEO ranking and performance

Read the full article... How to Publish a Website from WebMatrix 3/5/2013

Version 3

This tutorial walks you through how to publish a website from WebMatrix.

See Video.

Read the full article... How to use TFS in WebMatrix 3/5/2013

Version 3

TFS is a centralized version control system developed by Microsoft.  WebMatrix 3 includes first class support for manage your sites with TFS with a simple, easy to understand set of commands.  If you’re new to TFS and would to learn more, check out the getting started guide at http://tfs.visualstudio.com/en-us/learn/start/get-started/.

See Video

Read the full article... How to use Git in WebMatrix 3/5/2013

Version 3

Git is a distributed version control system that is becoming popular among many developers.  WebMatrix 3 includes first class support for managing your sites with Git with a simple, easy to understand set of commands. 

See Video.

Note:  if you’re new to Git and would like to learn more, check out the interactive tutorial at http://try.github.com.

Read the full article... How to Manage a website hosted on Windows Azure from WebMatrix 3/5/2013

Version 3

This article shows you how to directly go to the right place in the Windows Azure management portal from WebMatrix in order to scale your site, monitor usage data and performance, add custom domains, or purchase cloud services from the store.

Read the full article... How to Edit a Remote Site with WebMatrix 3/4/2013

Version 3

This tutorial shows you how to open and edit a remote site from WebMatrix.

See Video.

Read the full article... How to Edit a Site Hosted on Windows Azure with WebMatrix 3/4/2013

Version 3

This article shows you how to open and edit a remote site hosted on Windows Azure in WebMatrix.

See Video.

Read the full article... How to Download a Remote Site with WebMatrix 3/4/2013

Version 3

This tutorial walks you through how to download a remote site using WebMatrix if you prefer making your changes locally and then publishing them back to the remote server when you are ready.

See the Video.

Read the full article... WebMatrix Task Based extensibility for Web App Gallery Applications 2/4/2013

WebMatrix allows you to enhance the user experience for your application with a feature called “Task-based extensibility (TBEX) “for Web App Gallery application. This allows you to customize the WebMatrix user interface for a specific application with just a simple XML file included in your package at the root level alongside the manifest.xml and parameters.xml files in the application package. Applications like Wordpress , Umbraco , Dotnetnuke , Joomla to name a few have adopted TBEX in their application packages.

Read the full article... How to Build Mobile-ready Sites with Node in WebMatrix 6/6/2012

WebMatrix ships with site templates that make it easy to get started. The Node.js starter template is built on express, a flexible framework for building web applications. This template is the starting point for a full application - it shows examples of routing, middleware, custom errors, and more. For more information on express, please visit http://expressjs.com.

Note: It is not the goal of this article to teach you how to use Node.js or express. Please see http://nodejs.org/ and http://expressjs.com for information on Node.js and express.

Read the full article... How to Use the Node.js Starter Template in WebMatrix 6/6/2012

WebMatrix ships with site templates that make it easy to get started. The WebMatrix Node.js starter template is a starting point for a full Node.js application—it shows examples of routing, middleware, custom errors, and more. The WebMatrix Node.js starter template is built on express, a flexible framework for building web applications. For more information on express, visit http://expressjs.com.

Note: A full explanation of Node.js or express is beyond the scope of this article. For information on Node.js and express, see http://nodejs.org/ and http://expressjs.com.

Read the full article... How to Use the PHP Starter Site Template in WebMatrix 6/6/2012

WebMatrix templates get you started with creating a website. The PHP Starter Site template lets you start with a website with a professionally designed layout. It also includes a simple login system and allows administrators to manage the pages on the site.

This article walks you through the following:

  • How to create a site from the WebMatrix Starter Site template for PHP.
  • An overview of the site contents.
  • Suggestions for tasks to get started with the site created by the template.
Read the full article... How to Install and Use the iPad Simulator 6/6/2012

This tutorial walks you through how to install and use the iPad simulator (created by Electric Plum) on WebMatrix so that you can test the iPad view of your website.

1. In WebMatrix, open the site that you want to view.

2. If you don’t have the iPad simulator extension installed, click the arrow beneath the Run button in the top left corner to display the drop-down menu.

3. Select Add new

clip_image001

4. When the Browser Extension Gallery is displayed, select iPad Simulator.

clip_image003

5. Click Install, and then follow the instructions on the following screens to view the EULA and install the extension.

6. After the installation completes, return to the Run menu drop-down and select the iPad option.

clip_image004

This will launch your site in the iPad simulator.

clip_image006

7. WebMatrix remembers your last browser selection. So, if you want to launch the iPad simulator the next time you view the application, simply click Run—you won't have to use the drop-down menu.

clip_image007

Read the full article... How to Install and Use the iPhone Simulator 6/6/2012

This tutorial walks you through how to install and use the iPhone simulator (created by Electric Plum) on WebMatrix so that you can test the iPhone view of your website.

1. In WebMatrix, open the site that you want to view.

2. If you don’t have the iPhone simulator extension installed, click the arrow beneath the Run button in the top left corner to display the drop-down menu.

3. Select Add new

clip_image001

4. When the Browser Extension Gallery is displayed, select iPhone Simulator.

clip_image003

5. Click Install, and then follow the instructions on the following screens to view the EULA and install the extension.

6. After the installation completes, return to the Run menu drop-down and select the iPhone option.

clip_image004

This will launch your site in the iPhone simulator.

clip_image006

7. WebMatrix remembers your last browser selection. So, if you want to launch the iPhone simulator the next time you view the application, simply click Run—you won't have to use the drop-down menu.

clip_image007

Read the full article... How to Install and Use the Windows Phone 7 Emulator 6/6/2012

This tutorial shows you how to install and use the Windows Phone 7 emulator for WebMatrix. The Windows Phone 7 emulator lets you see how your website will look and run on Windows Phone 7.

1. In WebMatrix, open the site that you want to view.

2. In the Run drop-down menu, choose Windows Phone 7.

clip_image001

3. If you don’t have the Windows Phone 7 emulator extension installed, follow the install wizard to download and install the emulator. This might take a few minutes.

clip_image003

4. After the installation completes, return to the Run menu drop-down and select the Windows Phone 7 option.

clip_image001[1]

This will launch your site in the Windows Phone 7 emulator.

clip_image005

5. WebMatrix remembers your last browser selection. So, if you want to launch the Windows Phone 7 emulator the next time you view the application, simply click Run—you won't have to use the drop-down menu.

clip_image006

Read the full article... Learn Web Development in WebMatrix 2 Beta 8/26/2011

Remember what it was like to build your first website? That experimental tweaking in Notepad, or the instant gratification you got when you refreshed your browser? You searched far and wide for tutorials on web development topics, some turning out better than others.

In WebMatrix 2 Beta, one of our major goals is to help those who are just starting out learn web development. We think that the features we've added will help make the transition from beginner to pro faster and more fun.

Read the full article... Performance Tuning PHP Apps on Windows/IIS with Output Caching 6/13/2011

In this article, I’ll show you how to improve the performance of PHP applications on Windows/IIS by covering the What, When, and How of using the IIS Output Caching module. As background reading (or for the condensed version of my post), I suggest reading this: Configure IIS 7 Output Caching (and I strongly suggest reading the introduction to that article).

Read the full article... Learning the Basics of using the Twitter API in ASP.NET Web Pages with Razor syntax 4/26/2011

This tutorial will demonstrate how to use the Twitter API in WebMatrix using Razor. If you do not understand the basic concepts of WebMatrix you should go to http://www.microsoft.com/web/webmatrix for discussion and additional tutorials. You can also download WebMatrix from this site.

Read the full article... Connecting Windows Phone 7 with ASP.NET Web Pages 4/21/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to a Windows Phone 7 application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Connecting the iPhone with ASP.NET Web Pages 4/21/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to an iPhone application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Consuming and Storing Data from a REST Service with ASP.NET Razor 4/18/2011

This tutorial will illustrate how to consume and store data from a web service using WebMatrix. WebMatrix is a comprehensive, lightweight web development tool that includes everything you need for building websites. This tutorial assumes that you are already familiar with some of the basic concepts involved in working with WebMatrix. You will be working with ASP.NET Web Pages with Razor syntax to write server code. The new Razor syntax is based on a technology from Microsoft called ASP.NET, which in turn is based on the Microsoft .NET Framework. Razor gives you all the power of ASP.NET, but using a simplified syntax that's easier to learn if you're a beginner and makes you more productive if you're an expert. You will also be working with basic SQL statements and the database features integrated with WebMatrix. If you are unfamiliar with any of these features take a quick look at the following tutorials before continuing.

http://www.microsoft.com/web/post/web-development-101-using-webmatrix

http://www.asp.net/webmatrix/tutorials/2-introduction-to-asp-net-web-programming-using-the-razor-syntax

http://www.microsoft.com/web/post/web-development-101-part-5-using-data

Read the full article... Using ASP.NET Razor syntax with HTML5 and JQuery 4/15/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to a website using JQuery and the HTML5 Canvas element. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Using ASP.NET Razor Syntax with Silverlight 4/15/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to a Silverlight application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Adding a sleek gallery to your website using the Lightbox jQuery plugin 4/1/2011

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is jQuery Lightbox plugin. It displays clickable thumbnail versions of your images that pop up into a larger box where the user can click through all the larger versions of the pictures, or click on each image individually.

Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. Thus, it keeps users on your page!

Read the full article... Adding the Eventful API to your Website 3/29/2011

Eventful is a website that allows users to find and share events. It is a web service that allows it's users to add information about events, venues, and performers. Users can find local events as well as around the world. It you're looking for something to do, chances are Eventful will be able to find local events happening around you every day!

In this article we will explore how easy it is to add the Eventful API to a website using WebMatrix.

Read the full article... Migrate a database to SQL Server 3/29/2011

This walkthrough shows you how to migrate a Microsoft SQL Server Compact 4.0 database to SQL Server Express or SQL Server.

What you'll learn

  • How to use the Migrate feature in the WebMatrix Databases workspace.

  • How to install SQL Server Express if it's not already on your computer.

  • How to perform the migration and verify its success.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Using WebMatrix's OData Helper 3/25/2011

OData, or Open Data Protocol, and a way to query data from a variety of sources including databases, file systems, CMS, and websites. With the OData protocol, a user can query data over HTTP and receive a response in several formats including XML and JSON. It also has the ability to order and filter the queried data.

In order to make querying data easier, there is a OData helper for WebMatrix. This helper is easy to install and simple to use. But, before we can get started using OData, we must download and install WebMatrix. If you already have WebMatrix installed you can skip the next section.

Read the full article... Connecting Flash with ASP.NET Web Pages 3/24/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to an Adobe Flash application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Adding the AddThis button to your webpage 3/22/2011

AddThis is an easy to use bookmarking and sharing service. Having the AddThis button on your site allows your users to bookmark and share your content. Adding the AddThis button is quick and simple - it can be done in 5 minutes or less!

In this article we will use WebMatrix. WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco.

Read the full article... Adding the 30 Boxes API to your website with WebMatrix 3/22/2011

Using 30 Boxes is one of the easiest ways to share your Calendar online. With the 30 Boxes API, you can share your Calendar events on your personal website. This article will show how to quickly add your 30 Boxes events using their REST API.

Read the full article... Adding Netflix Widgets to your website with WebMatrix 3/22/2011

Netflix is a popular on-demand video streaming and online DVD rental company. In addition to these services, Netflix also offers multiple widgets and APIs that users can seamlessly integrate on their personal websites.

Read the full article... Using the Flickr API on your WebMatrix website 3/18/2011

Flickr is a free, popular online photo sharing and photo management website. Flickr offers a large development community with user created API Applications. Any person with a Flickr account can use Flickr's rich API to add content to their website, blog, or social media sites as well as create their own Flickr Application. This article will show how easy it is to get starting using Flickr's RESTful API.

Read the full article... Hack the News with the New York Times API 3/18/2011

The New York Times, one of the most well known and read newspapers, offers numerous APIs. These APIs allow you to display content from the NY Times on your webpage. You can use these APIs to essentially "hack" the news!

Read the full article... Adding video to your website using the new HTML5 video tag 3/17/2011

HTML5, currently under development, offers many more features and possibilities for developers than existing HTML markup. HTML5 is not some big change, it is merely new features and possibilities available that does not require existing markup to be thrown away. And best yet, HTML5 is already supported!

HTML5 has introduced several new elements including a

You’ll first see how to create a simple web site. You’ll then add the simple

Read the full article... Adding Amazon widgets to your webpage with WebMatrix 3/17/2011

Amazon Web Services offers many different ways to include Amazon products on your website. A simple and easy way to include Amazon Web Services on your website is through their widgets. Amazon currently has 15 widgets ranging from a simple search of Amazon to showing a slideshow of chosen Amazon products.

This article will focus on adding a few of these Amazon widgets using WebMatrix. WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at www.microsoft.com/web/webmatrix.

Read the full article... Creating a WebService with WebMatrix and Consuming it with a Windows 7 Phone Application 3/17/2011

In this tutorial you will see how to create a Web Service with WebMatrix and a Windows 7 Phone App that will consume your Web Service. Microsoft WebMatrix is a free tool that allows you to create, customize and publish web sites on the Internet.

This may sound like a daunting task but with WebMatrix and the Windows Phone Developer Tools, this task can be easier. WebMatrix makes it easy to create websites and web services. Before you start, you must download and install WebMatrix and the Windows Phone Developer Tools.

Read the full article... Adding a Custom YouTube Player to your Website 3/17/2011

YouTube is a popular video sharing website. Users can upload, share and watch videos. One of the great features that YouTube offers is an array of APIs so users can quickly and easily add a YouTube player to their website or blog. This article will focus on creating and adding a custom YouTube player to a WebMatrix website. It's easy to do and can be completed in about 10 minutes!

WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at www.microsoft.com/web/webmatrix.

Read the full article... Add the Last.FM API to your website 3/17/2011

Last.fm is a music website where users can listen to music and watch videos from their favorite artists. There are also a social networking features where users can recommend artists and songs, find upcoming artist events and find similar artists.

In addition to the website, Last.fm has rich web services including an API and features applications available to users found here. This article will show how easy it is to use Last.fm's API.

In this article, we will be using WebMatrix. WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at microsoft.com/Web/WebMatrix .

Read the full article... Adding Audio with the new HTML5 audio tag 3/17/2011

HTML5, currently under development, offers many more features and possibilities for developers than existing HTML markup. HTML5 is not some big change, it is merely new features and possibilities available that does not require existing markup to be thrown away. And best yet, HTML5 is already supported!

HTML5 has introduced several new elements including an

You’ll first see how to create a simple web site. You’ll then add the simple

Read the full article... Using the BestBuy API on a WebMatrix website 3/17/2011

Best Buy is an electronics retailer that sells consumer electronics in store and online. In addition to it's online services, Best Buy has developed an API for users to retrieve information from their site. This article will go through how easy it is incorporate the Best Buy API on a website using RESTful HTTP request format.

Read the full article... Add an interactive music feature to your website using the iLike API 3/11/2011

iLike is a social music service that allows users to download and share music. It also provides a popular music app that can be used across multiple social networks. iLike also has an API that allows users to easily add their favorite music and playlists to their own websites, blogs, and social networking sites.

This article will go through how to add this iLike application to a website using WebMatrix using some simple JavaScript. If you are new to JavaScript, there are some introductory JavaScript articles found here.

Read the full article... Get Started with SEO Using WebMatrix 2/25/2011

Whether you are building your website with WebMatrix, or optimizing a website that you maintain elsewhere, the Search Engine Optimization (SEO) Report in WebMatrix can provide you with valuable insights for optimizing your web pages for better search engine rankings.

More and more people are turning to the web to find information about products and services. For businesses, ranking highly in the Bing and Google results is becoming more important every day, and represents a compelling source of new customers. But how do you get your website to show up among the thousands of other results when potential customers search for your products or services?

Read the full article... Improve Your Website Using the WebMatrix SEO Report 2/25/2011

WebMatrix is a free, easy way to customize and built Websites from popular open source apps like WordPress, Drupal, and Joomla, as well as a powerful tool to built sites from the ground up using ASP, NET, PHP, HTML, and other leading Web technologies.

Run a WebMatrix SEO report and find out how to make your Website more visible to search engines like Bing and Google. WebMatrix takes the secrets out of search engine optimization and provides clear guidance on how to make your sites better.

Read the full article... Understanding MySQL Errors when installing Web Apps in WebMatrix 2/10/2011

A common issue that we’re seeing being reported by folks using WebMatrix is an inability to connect to a MySQL database when installing a PHP Web Application, usually with access denied. These error remains even if MySQL is uninstalled and then reinstalled.

This article details the most common scenario – that the admin password from a previous install is cached -- and shows how to fix it.

Read the full article... Connecting to a SQL Server or MySQL Database in WebMatrix 1/18/2011

This article describes how to connect to an existing SQL Server database or a MySQL database in WebMatrix.

What you'll learn

  • How to connect to a SQL Server 2005 or SQL Server 2008 (or Express editions) database.

  • How to connect to a MySQL database.

  • How to create and store a database connection string in a web.config file.

Read the full article... Add and edit ASP.NET web pages 1/18/2011

This walkthrough shows you how to create an empty website using a WebMatrix site template, add pages to the site, and edit them.

What you'll learn

  • How to create a website using a WebMatrix template.

  • How to add an HTML file to the site and edit it.

  • How to add a .CSHTML file to the site and edit it.

  • How to link the resulting pages to each other.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Download, edit, and republish your website with WebMatrix 1/18/2011

This walkthrough shows you how to download a site you have already published to the web, make changes to it, and republish it to your hosting provider.

What you'll learn

  • How to download your site's contents to WebMatrix.

  • How to preview what will be downloaded.

  • How to use WebMatrix to edit and test the site locally.

  • How to use WebMatrix to republish the site.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Create a website from a WebMatrix site template 1/18/2011

This walkthrough shows you how to create a new website based on one of the WebMatrix built-in site templates.

What you'll learn

  • The website templates that are available in WebMatrix.

  • How to create a simple website based on the Starter Site template.

  • Browse to the default page that is created.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Securing Web Communications: Certificates, SSL, and https:// 1/18/2011

This article describes what you need in order to configure secure communication between a browser and a web server, and how to test secure communication for your website using IIS Express and WebMatrix.

What you'll learn

  • What is an SSL certificate and why you need one on a secure website.

  • How to enable SSL in WebMatrix.

Read the full article... Analyze requests to your website 1/18/2011

This walkthrough shows you how to analyze requests to your website using the Requests feature in WebMatrix.

What you'll learn

  • How to capture requests to your website.

  • How to search for and filter specific types of captured requests.

  • How to view more information about a particular request.

  • How to edit a file that results in an error

  • How to clear the captured requests.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... How to publish a web application using WebMatrix 1/18/2011

This walkthrough shows you how to publish your website using WebMatrix.

What you'll learn

  • How to find a hosting provider.

  • How to enter or import your publishing settings from your hosting provider.

  • How to configure WebMatrix for publishing with Web Deploy or FTP.

  • How to check your web application's compatibility with your hosting provider's environment.

  • How to preview files to be published, and see a log of what was published.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Set Up a Simple Theme for Your Website Using WebMatrix 1/12/2011

image108_thumb1

A consistent look and feel is a quality of many professional Websites. Some types of elements are often repeated within the header and footer sections of every page, for example: the banner image,  a company name or logo, the business address and contact information.

Read the full article... Using Facebook Helpers on your Website 1/11/2011

Adding social media to websites is very popular these days. Businesses use it to increase their presence on the web while individuals use it to keep people up to date. Whatever your reasons, this tutorial will show you how to seamlessly integrate several of the Facebook Social Plugins into your website, quickly and easily.

In this tutorial we will be using a free tool from Microsoft called WebMatrix. WebMatrix allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix.

In this tutorial, we will be looking at 2 different ways to add Facebook plugins to a website, using the Facebook developer’s plugin and using the WebMatrix Facebook helper. One feature that WebMatrix offers is Helpers. Helpers are previously written code that allows us to integrate the code into our webpage with few lines of code. Helpers are nice because they are a timesaver, can be easily added, and allow you to reuse code over and over.

Read the full article... Quickly add other languages to your site using automatic translation 1/11/2011

While it’s not yet a substitute for a full localization of your site, Machine Translation can be very useful in giving users who don’t speak your language a better experience when visiting you. The Microsoft Translator widget allows you to add this in-site, instead of them having to visit a third party translation service. In this article, you’ll see how simple it is to add it, and how you can be up and running in just a few minutes.

You’ll first see how to create a simple web site. You’ll then add the widget, and then you’ll take a tour of some of its additional features. If you have a site already, you can skip the first section!

Read the full article... Add a photo gallery to your website using Lightbox and JavaScript 1/11/2011

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is Lightbox, a JavaScript plugin. It displays clickable thumbnail versions of your images that pop up into a larger box.

Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. It keeps users on your page!

For this tutorial, we will be using a free tool from Microsoft called WebMatrix. WebMatrix allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded here.

Read the full article... Using the free Bing Translation APIs 11/23/2010

Among the many cool free APIs that you can get from Bing is one that offers Machine Translation of any of your content. In addition to the translation widget that we covered in another article, which automatically scans your page and translates content that it finds, you get a finer control over what is translated. So, say for example, you want to keep your site in English, but someone sends feedback or makes a comment in another language, and you want that language to be translated, then the API can be used.

In this article you’ll see how to do that. You’ll get a free Bing AppID, which is needed to access the API, and then you’ll build a simple site that uses the API to translate content sent to you by your users.

Read the full article... Build a Web Site in twenty minutes using WordPress and WebMatrix 11/23/2010

In this Video, Laurence Moroney, Microsoft shows you how to create a web site using WebMatrix and WordPress in just under 20 minutes!

You'll see how WebMatrix can be used to download and configure WordPress, and run it on your local stack. You'll see how easy it is to configure your Wordpress site, writing PHP code using WebMatrix, and how to publish your WordPress site to the internet quickly and easily.

Read the full article... Use LightBox for beautiful Images on your web site. 11/23/2010

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is Lightbox, a JavaScript plugin. It displays clickable thumbnail versions of your images that pop up into a larger box. Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. It keeps users on your page!

You’ll first see how to create a simple web site. You’ll then download the required files, and then you’ll add the Lightbox plugin to your website. If you have downloaded WebMatrix or have a site already, you can skip the first section!

Read the full article...