WebMatrix 2 is Released

On June 6th, I announced  RC version of WebMatrix 2.   I highly encourage you to read the post Announcing WebMatrix 2 RC as it covers most of the new features that we are releasing.

I also encourage you to visit www.webmatrix.com which has tons of user documentation.

Since the June RC release we primarily focused on getting polish on the product and as part of this post I am hoping to highlight the key changes since WebMatrix 2 RC.  This post is not intended to be flashy but hopefully will give you an understanding of the effort that the team took in taking WebMatrix 2 from RC to RTM.

In last few weeks we have worked to make WebMatrix 2 available in 14 languages below:

English	Italian	Czech
German	Korean	Polish
Japanese	Russian	Port-Brazil
French	Chinese-Simplified	Turkish
Spanish	Chinese-Traditional

The goal for the RTW release was not to add a ton of new features but to actually make only targeted changes to make your experience with the product even more awesome and raise the quality even more.  We had given “Go-Live” license with the RC release already but now hopefully there would be nothing stopping you upgrading from WebMatrix  1 to WebMatrix 2.  JFYI: we will soon turn on the “Upgrade” flag in WebMatrix which will prompt millions of users using WebMatrix 1 to move to WebMatrix 2.

WebMatrix 2 in my opinion is one of the best light weight web development tool out there.  With support for Node.js, PHP, ASP.NET, HTML5, CSS3, jQuery, SQL CE, SQL Server, MySQL, FTP, Web Deploy, Less, ScSS, Coffee Script, SEO, iPhone/iPad simulators and many many other features there is no doubt that it is probably the best web editing tool that one could possibly get for FREE, so if you are not already using it I hope you give it a try by downloading it below:

Since WebMatrix 2 RC we fixed over 100 bugs, many of them reported on Stackoverflow and user voice. Thanks for the taking the time to report issues, and helping us make WebMatrix 2 even better.  Below are some notable fixes that went in between WebMatrix 2 RC and RTM:

• Accessibility:  Microsoft has pretty high bar when it comes to accessibility and the team spent quite some time in making sure the product is highly accessible.
• Editor: Huge performance enhancements in editing of complex and big files.
• Editor: Better detection of JavaScript errors within script blocks of any html files.
• Editor: Formatting improvements on JavaScript Editor and enabling it to work more seamlessly with JSLint.
• Editor: Making sure that we show function signature help in JavaScript editor.
• Editor: Exposed extensibility points for Editor context menu.
• FTP: FTP publishing improvements including sub-folder publishing and re-tries in case of failures.
• Node.js: Code completion for Scoket.io for Node.js sites
• Node.js: Code outlining fix-ups for SaaS editor
• Node.js: Added a new template for package.json for Node.js sites
• PHP: Support for the new short PHP tag.
• PHP: Support for proper auto-completion for long PHP tags.
• PHP: Support for detection of PHP/MySQL Apps when downloaded from a remote location
• ASP.NET: Improved formatting of documents in ASP.NET Web Pages (Razor Syntax)
• ASP.NET: Making Comment/Un-comment work nicely across different types of syntax (CSS, JS, HTML, Razor) within ASP.NET Web Pages file.
• ASP.NET: Making C# colorization and intellisense more resilient in complex editing scenarios
• ASP.NET: Proper validation for generic types in C# & VB editors
• ASP.NET: Handling the nuances of Web Pages 1 vs. Web Pages 2 effectively
• General: Support opening a random folder as a site in WebMatrix by right clicking on it in Windows.
• General: Shipping RTW version of IIS Express, Web Pages, Web Deploy, SQL CE and every other component which makes WebMatrix 2 into a one stop shop for web development.
• General: Making sure the product works seamlessly on Windows XP and beyond, both on x86 and x64 machines.

With all these improvements we hope you will have fun using WebMatrix 2 and will create more awesome website in time to come.   Here is once again a link to the download.

/*code awesomely */

Vishal

PS: We now have few WebMatrix team twitter handles which you might want to consider following@vishalrjoshi @justinbeckwith & @webmatrix

Announcing WebMatrix 2 RC

Yesterday you met open, unified, powerful yet simplified Windows Azure. You can read more about it on Windows Azure Blog or on ScottGu’s blog

In the same spirit and as a great compliment to Windows Azure Web Sites, today I am super excited to announce the Release Candidate of our free web development tool WebMatrix.

Background

WebMatrix is designed to build modern standards based websites as effortlessly as possible. It aims to make your web development workflow easy i.e.

· It lets you get started with Open Source web applications or with built in pretty templates like bakery, personal site, photo galleries, Chat application, Simple CMS etc.

· It comes bundled with a web server so you do not have to configure anything on your machine.

· It has top notch support for web & industry standards like HTML5 , CSS3, JavaScript & jQuery

· It supports server side scripting of your choice - may it be ASP.NET, PHP or Node.js

· It will have built in database management tools for SQL Server or MySQL

· It also has SEO tool & performance optimization tools.

· Finally, it has great publishing tools whether you are using FTP/FTPS or Web Deploy. And now it supports publishing to Windows Azure too!!

Essentially right from getting started till publishing, WebMatrix will make your life easy and will do so for FREE. What is nice is that even after all this it continues to be lightweight installs under 2 minutes (assuming you have .NET 4 which most machines do today).

Installation

Just click the button below and within couple of minutes you should be good to go!!

By downloading and using the Web Platform Installer (WebPI), you agree to the license terms and privacy statement for WebPI. This installer will contact Microsoft over the Internet to retrieve product information

WebMatrix 2 – Web With Benefits

There are already many cool features introduced in WebMatrix 2 Beta (which was released in Sept 2011 at the //build conference). WebMatrix 2 RC release builds on top of Beta and collectively has so many cool new features that it is going to be tough for me to contain myself, although I will try J

HTML5 – WebMatrix now supports code completion for HTML5.

CSS3 – Needless to say also CSS3 code completion

JavaScript – And JavaScript & jQuery code completion as well

ASP.NET - WebMatrix 2 comes with ASP.NET Web Pages 2, which has several improvements over ASP.NET Web Pages 1. Some of my favorites are:

· Dead simple integration with Twitter, Facebook and other oAuth authentication

· Great helpers for embedding maps in your web pages.

· Built in features for User input validation.

You can read more about new ASP.NET WebPages features at – Top Features in Web Pages 2

In addition to runtime features there is a ton of tooling improvement within WebMatrix 2 for ASP.NET. WebMatrix 2 now uses Visual Studio code editors which will makes writing code a real pleasure. You will now have full C#/VB# intellisense within WebMatrix 2 e.g. check out HTML embedded C# intellisense on ASP.NET Web Pages helpers:

In addition to great intellisense on C# & VB WebMatrix 2 now also supports NuGet Gallery

More Awesome Web Stuff –In addition to above Webatrix 2 supports many other modern web goodies like: LESS, SaSS, Coffee Script. Just click Add new item and check out all of these and in fact many more file types supported, you just need to explore J Infact with a tiny bit of exploring you will also see that WebMatrix also provides code completion for LESS and compilation for both LESS & CoffeeScript. I am super jazzed about all this coz I really have wanted to use these features.

     

PHP – WebMatrix 1 always supported PHP but now the support goes even further by providing code completion for PHP functions. This has been one of the top asks on WebMatrix User Voice and so we are excited to finally have this in.

Node.js – One of the big areas of investment in WebMatrix 2 RC was Node.js. We have tons of features coming in for Node.js. Some of my favorite ones are:

Awesome templates - If you have never used Node.js before but have always wanted to WebMatrix 2 is your opportunity. Trust me here and give it a try. Just install WebMatrix 2 from above big green button, go to “Templates” and pick one of the templates below (preferably Starter template)

Just by installing a Node.js template, WebMatrix 2 will install Node.js, NPM, IIS Node, NPM Packages for you and within seconds your machine will feel like a Node developer heaven. The Starter template comes with best practices on writing Node.js application and even gives you taste of some quick “Chat Room” functionality using very popular NPM package Socket.IO.

Node.js Code Completion – WebMatrix supports code completion for core Node modules and functions:

3^rd Party Module Code Completion - Our team has been working with the community to come up with a common format to be able to be able provide you with 3^rd party module code completion and I am super happy to share that we now do have code completion for all 3^rd party modules who have jsdoc support e.g. check out the code completion on Recaptha below:

Jade/EJS Colorization – WebMatrix also supports colorization for Jade files making it friendly for people who love to use Express MVC framework with Node.js. Infact WebMatrix will also support EJS if you prefer that as your view engine.

We have lot more goodies for Node Developers check out post written by Justin on our team: Node.js meets WebMatrix

OSS App Development – OSS Apps have always been one of the top focuses for WebMatrix. In this release we have made even more progress on working with popular OSS apps. Some of my favorite improvements in this space are:

App Install Workflow – We aspired to ask almost zero questions when you install an open source app like WordPress or Joomla. We make the default choices for you and yeah we know that some of you want full control so we enabled full customized install as well.

App Specific Dashboard – With WebMatrix 2 OSS Apps can customize the dashboard content that is shown to us developers. If you want to try out a new app and want to be connected with its community then this serves as a great resource. Check out how Umbraco customizes the WebMatrix dashboard with super useful links (and pretty icons J). Similarly there are several other communities who do the same.

App Specific Code Completion - WebMatrix now goes one step ahead and provides code completion for App Specific function. Check out the WordPress example below. Similarly other OSS apps provide code completion for their functions too.

Needless to mention all ASP.NET apps get code completion just by the virtue of using the same editing surface as Visual Studio!

App Specific File locking – Most apps recommend not to modify their core files which ship with the app coz these files change from one app version to another. It is always a pain point for web developers to know which files are allowed to be modified and which are not. WebMatrix makes this easy by providing the App Specific File Locking feature. When you attempt to modify one of the core files WebMatrix warns you like below:

Mobile Web – We all know Mobile web is huge and we know it is only going to get bigger. With WebMatrix 2 we want you to be able to make your websites mobile enabled easily. To support that below are few top features:

ASP.NET Web Pages – In ASP.NET Web Pages we now have ability to render mobile specific views. The System.Web.WebPages namespace contains classes that let you work with display modes easily.

Node.js – In our Node.js templates we wrote sample code for you to take a look at how you could redirect calls to right views based on user agent of the browser.

Templates – We made all of our templates - ASP.NET, Node.js as well as PHP templates look nice on mobile devices so that you can have samples on how to use meta tags, mobile specific CSS or even different layout and scripts.

ASP.NET Starter Template	Node.js Starter Template	PHP Starter Template

Windows Phone Emulator – We hooked up Windows Phone emulator with WebMatrix so that you can take a look how your site will look like in Windows Phone

iPhone Simulators – Our partners in Electric Plum helped create iPhone Simulator which will allow you to validate your site for iPhone.

And Electric Plum actually did not stop there, they went ahead and even provided iPad Simulator for you as well.

jQuery Mobile – You might already know that we have been huge fans of jQuery project. This time around we used jQuery mobile to make many of our templates mobile enabled. Infact for you to be able to do this with your websites, we now ship jQuery mobile along with our templates and even beyond that we also support code completion for jQuery mobile.

So overall I think when it comes to mobile web you hopefully will not have to look further than WebMatrix 2

Database Management – In WebMatrix 1 we provided support for SQL CE which is a light weight, in memory DB engine which can actually ship with your site (i.e. with SQL CE you will not have to separately buy DBs from your hosting provider, it will just run inside your site process). In addition to that WebMatrix 1 already support for MySQL, MS SQL Server and even migration from SQL CE to SQL Server. In WebMatrix 2 we added more polished features around Data Management, Schema Management as well as Relationships & Keys management. Check out the screenshot below to get an idea around the possibilities.

In WebMatrix 2 we also added hugely requested feature for adding new MySQL and SQL Server DBs to your site, which can then be easily deployed remotely to your hosting provider.

Extensibility – Since WebMatrix is a free tool and even though we are inside Microsoft we are a small team. We thought that if we would make WebMatrix really extensible then hopefully many of the passionate users would help us out in taking the product to even greater heights. For this reason we made WebMatrix 2 extensible. We are already seeing awesome extensions come through like:

The Color Theme Manager which will allow you to change your editor themes by picking from several thousand community themes available on http://studiostyl.es

The iPhone, iPad and Windows Phone simulators/emulators you saw above are WebMatrix extensions too.

There are several other awesome extensions like OrangeBits Compiler(compiles CoffeeScript, LESS, minifies JS, CSS etc), Super Snippets (allows you to create snippets of code to use later), Node Power Tools (Includes integration with Node Inspector, Console window and more fun stuff), Image Viewer (allows you to open images inside WebMatrix) and many more. If I took screenshot of each of those I would probably never finish my post so will leave them to you to explore. WebMatrix has an extension gallery which you can access via the ribbon, do take time and check it out.

WebMatrix Extension Gallery

Most importantly we want you to try out creating a new extension as well so we have great documentation, videos and online site at http://extensions.webmatrix.com

If you are interested in creating an extension please do check out How to Create WebMatrix Extensions

Cloud Integration Whether you are starting to build your site, working on it now or ready to deploy, it is worth checking out the great Cloud integration features that WebMatrix has.

Cloud Enabled Apps - WebMatrix highlights OSS apps in the gallery which are ready to go to cloud (notice the blue border Azure icon around some of them). This will allow you to easily pick Windows Azure ready apps. I took this screenshot early on so there might be many other apps which might be Azure ready now they seem to be pouring in on almost daily basis:

Remote Editing – WebMatrix allows you to edit your site directly on Windows Azure or for that matter any other hosting provider who supports Web Deploy technology. To connect and edit your files remotely on WebMatrix dashboard simply click Open à Remote Site

Seamless Publishing – Even in WebMatrix 1 we supported seamless publish of both your files and databases. WebMatrix 2 takes that experience to Azure and now you can seamlessly deploy your sites to Windows Azure. Check out the screenshot below which is deploying PHP + My SQL site to Windows Azure.

Download from Windows Azure – In this wave of Windows Azure we release Windows Azure Web Sites. As I mentioned earlier WebMatrix is very tightly integrated with Windows Azure Web Sites and when you create a new Website in Windows Azure you will notice the below command bar:

The “WebMatrix” button on the command bar will allow you to install WebMatrix 2 RC if you don’t already have it, it will also upgrade your WebMatrix 1 to WebMatrix 2. Additionally if your Azure site is empty it will allow you to choose from WebMatrix templates or OSS app gallery. If you already have a site in Azure then WebMatrix will detect the type of site it is (e.g. WordPress in screenshot below) and will allow you to make a local copy of it by pulling down the files as well as databases. Even beyond pulling files and databases, WebMatrix will also fix up your app locally so that it can work without need any internet connection and whenever you are ready with your changes and back online again, it will allow you to seamlessly publish back to Azure again.

If lot of this feels unreal I suggest you give it a try by signing up for a FREE Windows Azure account today at http://windowsazure.com (Go to Manage – Create a new WebSite). You can also take a look at the video titled “Windows Azure Web Sites – OSS Apps & WebMatrix” demonstrating the experience here

WebMatrix.com

What I mentioned here is only a fraction of new feature information about WebMatrix 2. There is a ton more information available on http://webmatrix.com/next . Do take time to look at our “How To” documents and videos, I am hopeful that you will find them interesting.

Free Web Hosting

Lot of the above features not only work great in Windows Azure but work really REALLY WELL on FREE HOSTING OFFERS which our partners have put together for you. All these great companies worldwide are bringing you free web hosting so that you can create beautiful websites and easily share them with your friends and family.

These hosting offers are free only for limited set of developers so do not miss out on the opportunity to try them out by clicking them:

User Voice

Just around last September we opened up our User Voice forum and since then we have been getting user asks on several features. I am glad to let you know that just yesterday we marked 67 Feature Requests on User Voice as completed. That does not mean we are not hungry for more, in fact we would love to hear your feedback, if you have feature request please to go to our User Voice and leave a vote/suggestion

Have fun

We made this web development tool for you and we really hope you will love using WebMatrix 2 as much as we loved building it.

/*code awesomely */

Vishal

PS: We now have few WebMatrix team twitter handles which you might want to consider following @vishalrjoshi @justinbeckwith & @webmatrix

What is worth noting in WebMatrix 2

If I have to summarize in what is worth noting in WebMatrix 2 so far, here is how I would like to put it:

Inspiring Environment – Web development is an inspiring task and I believe having an inspiring environment for it is important.  In WebMatrix we have always aspired to give web developers a polished and fresh environment to achieve mundane tasks.   Some interesting things worth noting in WebMatrix 2 from this standpoint are:

• App Install Workflow – We aspired to ask almost zero questions when you install an open source app like WordPress or Joomla.  We make the default choices for you and yeah we know that some of you want full control so we will enable that as well.

• Color Picker – Yeah you would think that what is the big deal about a CSS color picker but we rejected the traditional design you see every other place, we wanted it to be more natural to use and what we have now is something which has tons of tiny details like showing colors which your site already uses, switching from hex to RGBA, color picking from any other window open on your machine and doing all this without using a mouse.  I am really proud of what we have built you should for sure check it out.

• DB Manager – We made it beautiful, yet super functional, WebMatrix 1 design was cool but this one is like artic cool
  
•  Remote View of Local site – In WebMatrix 2 we allow you to flip your views between local and remote to seamlessly troubleshoot server issues. Note the ribbon tabs “Home” == Local, “Remote” == Remote

•  Work Remotely – What if you you are in a hotel and don’t have your dev box? You know WebMatrix installs blazing fast, so now it does not matter where you are and which machine you are using you can simply download & setup WebMatrix in just 2 minutes and open your site remotely.  You will still get the colorization that you are use to and without making any local copies of your site you can get quick fixes done.

Community Comfort – As web developers we know how many times we depend upon the community to find solutions to everyday issues.  In WebMatrix 2 we took the time and energy to open a window into the web community right from within WebMatrix 2.  So now you will see:

• Deep engagement with web apps Community – We work even more closely with many OSS apps founders like WordPress, Joomla, Orchard, Drupal, DNN, Umbraco, Kentico and many others.  We have gathered their feedback and incorporated a lot of it into WebMatrix, as a result WebMatrix now looks like it is build for that particular app.
• Site Dashborad -  If you open many apps in WebMatrix 2, you will immediately find getting started, tutorial, forums etc. links for each app right on the site dashboard.  If you are starting your development in Joomla or Umbraco, you will be almost on a self guided learning tour!

• App Specific Code Completion – We have worked specifically to give you code completion for specific apps when you are developing within it.  E.g. you can now see WordPress functions when you are editing WordPress content files.

• NuGet – You might be aware that NuGet is a way to pick up reusable pieces of code packaged into a format called NuGet package.  WebMatrix exposes a NuGet gallery which now allows you to directly consume this community content.  Just for context there are 4555 unique packages as of today on NuGet gallery with an average (my guessitmate) of 150 packages getting added daily.
• Extension Gallery – We also wanted community to come in an add functionality to WebMatrix itself so that the tool can organically grow to suite needs of you all.  We know that investing in the extensibility will allow us to create more impact than we can create ourselves.  Now we are also working on Extension gallery where all the extension that community will create can be hosted.
• Learning Community – We all have grown to love sites like Pluralsight, Learnable, AppendTo.  We worked with them and got that context sensitive learning content inside the product.  Now you can simply hit F1 wherever you are and it is likely that you will and up getting a bunch of tutorial for the things you are looking for.

• Hosting Community – We have always been super hosting friendly and even this time around we are working with the hosting community members like  Applied Innovation, DiscountASP.NET, Awesome.NET, CBeyond & Citanium to give you free hosting offers to try out your site in live environment

Effortlessly Modern – Keeping up with fast moving modern web is not as easy as it should be, so we spent time to make sure you get all the support to easily keep up with the latest standards.  To that effect we have bunch of new features like:

• Awesome templates – We have built in templates which are filled with best practices, you can feel free to steal from them or start from them as you choose.

• Intellisense everywhere – We have intellisense (aka code completion) everywhere in the product.  It does not matter whether you want to use HTML5,  CSS3, jQuery, jQuery mobile, PHP, ASP.NET/C#/VB or JavaScript, we will have you covered.

• Facebook | Twitter | oAuth – We understand that not everyone wants their users to go through elaborate sign up process so now for ASP.NET Razor we have Facebook/Twitter auth built in.  Just un-comment some code, give you app Id, consumer secret and you are all set.

I could type more but for now let you explore the product yourself.  You can download it from http://webmatrix.com/next.  Also recently I had an opportunity to get on WebCamps TV and talk a little bit about WebMatrix 2 and some of the above improvements in action..

Here is the quick 14 mins video, hope you enjoy it.

Btw, this product is created for you, the modern web developer and we actively want to hear from you.  That is the reason why in every site dashboard within WebMatrix there is a way to provide feedback about your experience.  If you have thoughts/comments/feedback do not hesitate to write here or on our UserVoice.

Thanks for reading.

– Vishal