{"id":17631,"date":"2013-07-12T18:01:35","date_gmt":"2013-07-12T10:01:35","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17631"},"modified":"2023-05-20T04:02:02","modified_gmt":"2023-05-19T20:02:02","slug":"webmatrix-for-front-end-development","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/","title":{"rendered":"A Look Into: WebMatrix for Front-End Development"},"content":{"rendered":"<p>There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are working fine, and many of my developer friends are using them.<\/p>\n<p>But, if you want to have one that is integrated very well with Windows system at its core, then you need to check out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.microsoft.com\/en-gb\/\">WebMatrix<\/a>.<\/p>\n<p>WebMatrix is a free, and lightweight web development tools that is developed by Microsoft. It was first introduced in 2010, and designed to simplify the experience in developing web with popular languages like <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/series-html5-css3-tuts\/\/\">HTML5, CSS3<\/a>, JavaScript (including jQuery), PHP and ASP.NET.<\/p>\n<p>So, let\u2019s see what WebMatrix has to offer.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/free-code-editors-reviewed\/\" class=\"ref-block__link\" title=\"Read More: 10 Best Free Source Code Editors\" rel=\"bookmark\"><span class=\"screen-reader-text\">10 Best Free Source Code Editors<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-code-editors-reviewed.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-9582 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-code-editors-reviewed.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">10 Best Free Source Code Editors<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWith professional code editor like Dreamweaver, Coda, Textmate and others, its no surprise that more and more people...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Installation<\/h2>\n<p>Around 2009, Microsoft centralized their web application lines using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.microsoft.com\/en-gb\/windows\/web\/\">Web Platform Installer<\/a>. It is more or less like an App Store or Google Play where you can install Microsoft applications that are designated for Web Development, including the one we are discussing, <strong>WebMatrix<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg\" width=\"600\" height=\"400\"><\/figure>\n<p>Once you hit <strong>Install<\/strong>, WebMatrix will automatically fetch its dependencies including .NET framework, IIS, and MsSQL.<\/p>\n<p>In addition, you might also need to install MySQL for working with PHP application that relies on it, like WordPress. To do so, select the <strong>Products<\/strong> tab, and you can find <strong>MySQL<\/strong> listed under <strong>Databases<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/mysql-install.jpg\" width=\"600\" height=\"400\"><\/figure>\n<h2>Features<\/h2>\n<p>Microsoft includes lots of features in WebMatrix, and here are some of its features \u2013 particularly for front-end development.<\/p>\n<h3>Web Standard<\/h3>\n<p>WebMatrix embraces web standards. By default, it creates a new document with basic HTML5 markup. Optionally, it also allows you to create a new HTML document using the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/html5boilerplate.com\/\">HTML5 Boilerplate<\/a> from the <strong>Template Gallery<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/html5-template.jpg\" width=\"600\" height=\"400\"><\/figure>\n<p>Writing CSS3 syntax is easier. As we are writing the styles, WebMatrix shows auto-complete suggestions for standard CSS3 as well as specific vendor properties. It even shows a description of what the property is used for.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/css3-properties.jpg\" width=\"600\" height=\"300\"><\/figure>\n<p>WebMatrix also supports auto-completion for the other languages: PHP, ASP, and JavaScript (including the jQuery and jQUery Mobile)<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/jquery-mobile.jpg\" width=\"600\" height=\"300\"><\/figure>\n<h3>Open Source Web Applications<\/h3>\n<p>Building a web application from scratch is hard, thus many developers prefer extending Open Source web applications. In this case, WebMatrix provides some popular open source projects, like WordPress, Joomla, Drupal, and integrates the installation process, so that we can run the project faster in fewer clicks.<\/p>\n<p>You can head over to the <strong>Application Gallery<\/strong> to see all the list of Open Source web applications that are supported by WebMatrix.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/app-gallery.jpg\" width=\"600\" height=\"400\"><\/figure>\n<p>Furthermore, WebMatrix also includes <strong>auto code-completion<\/strong> for these web applications. Given the example of WordPress, it shows list of WordPress functions as we are typing.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/wordpress-function.jpg\" width=\"600\" height=\"300\"><\/figure>\n<h3>CSS-Preprocessors Support<\/h3>\n<p>CSS Pre-processors allow developers to write more dynamic and maintainable style rules compared to plain CSS, and we have covered about them <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-saas\/\">several times<\/a> <a href=\"https:\/\/www.hongkiat.com\/blog\/less-basic\/\">in our<\/a> <a href=\"https:\/\/www.hongkiat.com\/blog\/sass-vs-less\/\">previous posts<\/a>.<\/strong><\/p>\n<p>If you are avid users of CSS Pre-processors, WebMatrix gets you covered. You can create a new stylesheet document for <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/sass\/\">Sass, SCSS<\/a>, or <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/less\/\">LESS<\/a> along with the syntax highlighting, and auto code-completion.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/css-preprocessor.jpg\" width=\"600\" height=\"150\"><\/figure>\n<h3>Device Simulators<\/h3>\n<p>If you are developing for mobile, then you probably need to install iPhone\/iPad Simulator \u2013 by default, the Windows Phone Simulator should have been pre-installed. These mobile simulators come as an extension, which you can find in the <strong>Extension Gallery<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/simulator.jpg\" width=\"600\" height=\"200\"><\/figure>\n<h3>CSS Pre-processor Compiler<\/h3>\n<p>Lastly, if you are writing CSS Pre-processor, this is a required extension to install, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/extensions.webmatrix.com\/packages\/OrangeBits\/1.0.10\">OrangeBits Compiler<\/a>. It will compile your syntax into plain CSS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/compiler.jpg\" width=\"600\" height=\"200\"><\/figure>\n<h2>Final Thought<\/h2>\n<p>In addition to those we have just discussed, WebMatrix has many more features to offer. So, if you are willing to dig into it further, here are some good references.<\/p>\n<ul>\n<li> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.microsoft.com\/en-gb\/features.as\">Walkthrough the WebMatrix Features<\/a> \u2013 Microsoft <\/li>\n<li> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/blogs.msdn.com\/b\/cbowen\/archive\/2010\/07\/06\/introduction-to-webmatrix-beta-a-new-free-stack-for-website-development.as\">Introduction to WebMatrix, a new, free tool for Website Development<\/a> MSDN <\/li>\n<li> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.microsoft.com\/en-gb\/\">Introduction WebMatrix for ASP.NET<\/a> \u2013 ASP.NET <\/li>\n<\/ul>\n<p>In the next post on WebMatrix, we will be developing WordPress, from installation, customization, and deployment. So, stay tuned.<\/p>","protected":false},"excerpt":{"rendered":"<p>There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are working fine, and many of my developer friends are using them. But, if you want to have one that is integrated very well with Windows system at its core, then you need to check&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[3029,2856,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>A Look Into: WebMatrix for Front-End Development - Hongkiat<\/title>\n<meta name=\"description\" content=\"There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Look Into: WebMatrix for Front-End Development\" \/>\n<meta property=\"og:description\" content=\"There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-12T10:01:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T20:02:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"A Look Into: WebMatrix for Front-End Development\",\"datePublished\":\"2013-07-12T10:01:35+00:00\",\"dateModified\":\"2023-05-19T20:02:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/\"},\"wordCount\":630,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-for-front-end-development\\\/webmatrix-install.jpg\",\"keywords\":[\"Code Editors\",\"Dev Tools\",\"Web Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/\",\"name\":\"A Look Into: WebMatrix for Front-End Development - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-for-front-end-development\\\/webmatrix-install.jpg\",\"datePublished\":\"2013-07-12T10:01:35+00:00\",\"dateModified\":\"2023-05-19T20:02:02+00:00\",\"description\":\"There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-for-front-end-development\\\/webmatrix-install.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/webmatrix-for-front-end-development\\\/webmatrix-install.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/webmatrix-for-front-end-development\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Look Into: WebMatrix for Front-End Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A Look Into: WebMatrix for Front-End Development - Hongkiat","description":"There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/","og_locale":"en_US","og_type":"article","og_title":"A Look Into: WebMatrix for Front-End Development","og_description":"There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are","og_url":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-07-12T10:01:35+00:00","article_modified_time":"2023-05-19T20:02:02+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"A Look Into: WebMatrix for Front-End Development","datePublished":"2013-07-12T10:01:35+00:00","dateModified":"2023-05-19T20:02:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/"},"wordCount":630,"commentCount":8,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg","keywords":["Code Editors","Dev Tools","Web Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/","url":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/","name":"A Look Into: WebMatrix for Front-End Development - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg","datePublished":"2013-07-12T10:01:35+00:00","dateModified":"2023-05-19T20:02:02+00:00","description":"There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/webmatrix-for-front-end-development\/webmatrix-install.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/webmatrix-for-front-end-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"A Look Into: WebMatrix for Front-End Development"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4An","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=17631"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17631\/revisions"}],"predecessor-version":[{"id":67076,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17631\/revisions\/67076"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17631"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}