Authoring web apps requires that you blend several languages to create the final product - HTML, JavaScript, and CSS at a minimum. Additionally, we often have to deal with a server side language such as ASP.NET, PHP, Java, or Python, not to mention the database language. Having multiple languages such as these bundled into a solution can make it difficult to keep things consistent. That’s where a great style can help web developers. A great style is consistent, and makes the code more readable and maintainable. It’s definitely something that can make a huge difference in your day to day coding

WebStorm 2019.3 Early Preview build #5 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences/Settings | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Ea

WebStorm 2019.3 Early Preview build #2 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog post. The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access

HTML and JavaScript are the most popular programming languages today powering the internet. Whether desktop or mobile, a front-end is almost always required, and HTML and JavaScript are the only game in town for front-end web development. ASP.NET developers need to write HTML and JavaScript as part of their daily tasks. Because Rider is built with the WebStorm engine, you can quickly create robust web front-ends for any back-end. In this post, we’ll take a look at the HTML, CSS, and JavaScript related features that Rider has for building awesome front-ends. (more…)

WebStorm 2019.1 Early Preview build #5 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. Toolbox App is the easiest way to get EAP builds. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”. DOWNLOAD WEBSTORM 2019.1 EAP Important! WebStorm EAP builds are not fully tested and might be unstable. Here are some o

WebStorm 2018.3 Early Preview build #6 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. Toolbox App is the easiest way to get EAP builds. You can also get notified right from the IDE when a new EAP build is available: go to Preferences | Appearance & Behavior | System Settings | Updates and select “Automatically check updates for Early Access Program”. Download WebStorm 2018.3 EAP Important! WebStorm EAP builds are not fully tested and might be unstable. Here are some o

The new WebStorm 2018.1 Early Preview build (181.4096.12) is now available! Update: we've released a new build #181.4096.25 to fix a performance issue introduced in build #181.4096.12, published on March 7th, 2018. The IDE was consuming lots of CPU resources after running npm install or adding many new directories to the project. You can update via Toolbox App, or download the build here and install it beside your stable WebStorm version. Download WebStorm 2018.1 EAP To learn more about all the new features added in earlier WebStorm 2018.1 EAP builds, please check out these blog posts.

What else is new in Rider 2017.2 EAP? Let's see! Open file or folder Not all code is in a solution or project. So we added the ability to open a file or folder from the Rider start screen, the File | Open menu and from the command line (bin\rider somejavascriptfile.js). Here's me working on our user group's static HTML website: (more…)

Here's a monthly dose of good news: you can now download a new Rider EAP build. Below is a quick summary of what's inside Rider EAP 19. Note that the build contains major improvements that we're hoping to describe in more detail next week. (more…)

Just like ReSharper, Rider supports language injections. In almost every project there are cases where we want to (or have to) embed a piece of code in a string literal. For example, pieces of HTML inside a JavaScript string, or a quick JSON fragment inside a C# string. Let's see how they work. Note: In this blog post, we'll look at some of the basics of language injections. They work similar in both Rider and ReSharper - check this deep-dive post on language injections in ReSharper to learn more. Mark as injected language Like all good things in Rider, Alt+Enter is where it starts. In

Since we first released the Early Access Preview (EAP) of Rider, our cross-platform IDE, we've been hard at work improving many aspects of it. We spent quite some time improving visible (and invisible) aspects of the editor. Let's look at some of the updates to code highlighting, folding and code completion. (more…)

ReSharper Ultimate 2016.3 introduces a new infrastructure for language injections in string literals, which enables ReSharper to treat particular string literal contents as a piece of code written in one of the supported programming languages: C# or ECMAScript regular expressions language, CSS, HTML, JSON or JavaScript. You can inject a language into a string literal in one of the following ways. Method 1: "Mark as injected language" context action When you open the Alt+Enter menu on a string literal, you’ll see a "Mark as injected language" item. In the submenu, choose one of the sup