css

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

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.

Welcome a new WebStorm 12 EAP build (144.4199)! As always, you can download it here or, if you have a previous EAP build (144.3891) installed, you should soon get a notification in the IDE about a patch update. Support for CSS Custom Properties WebStorm adds support for CSS Custom Properties based on the W3C recommendations. You can get code completion for variable names: From a variable you can jump to its definition with the Cmd-Click (Ctrl-Click), see its quick definition or find its usages. WebStorm would also validate the default value and parameter info. Coding ass

It’s been some really busy weeks for the WebStorm team. And now it’s time for the next WebStorm 9 EAP build and more new features. And some of them are huge! Here is just a quick overview: - spy-js powered code completion and magnifier - ES6 support in spy-js - CSS3 support enhancements - Scratch files - new way of indexing project node modules - Dart's pub serve integration - Web Starter Kit as a new project template And one more thing: improved JSX support! Go ahead and download WebStorm 9 EAP (138.2406). We are waiting for your feedback in our issue tracker. (more…)

Rapid feedback is one of most important productivity features. Especially when working with something actually visual – HTML or CSS. While we have discarded the idea of "built in preview" – mostly because in 80% cases it wasn't true – long time ago, we are working on some power tools to aid you. The first one, the Instant HTML editing plugin is released. It allows you to view your changes in an actual browser window instantly without a page refresh. Currently only Google Chrome is supported, but extensions for Firefox/Safari are coming soon. Check out a screencast for a demo. How does it wo

Not long ago we posted about Leaner CSS support in upcoming WebStorm 2.0 & PhpStorm 2.0. Starting from version 2.0 we also support another alternative to CSS - SASS and its newest version SCSS. For now SASS support includes: Syntax highlighting Smart code folding based on indentation Comment/uncomment actions Dedicated colors page to customize default highlighting attributes Smart color-editor with gutters (see screenshot) Note: Compilation of SASS is not supported via IDE, but it's easily achieved via stand-alone compiler. Here you can see SASS editor with smart code foldin

LESS provides an extension to CSS with variables, mixins, operations and nested rules, and uses CSS syntax. As many of you are already using it in your everyday coding, we've added some nice things to boost your productivity with LESS in the upcoming WebStorm 2.0 & PhpStorm 2.0. What’s in? LESS syntax highlighting On-the-fly syntax checking All the brilliant CSS editing features are available for LESS as well LESS variables support with code completion, one-click go to declaration, usages search and rename refactoring! All this cool staff is already available in the Early A

With the last WebStorm/PhpStorm EAP you can edit HTML and CSS code really fast using Zen Coding features. To use it, you have to install Zen Coding plugin for Web IDE/IntelliJ IDEA: go to Zen Coding Project Download Page, download an archive that contains a set of live templates, and extract it to “<Your Home Directory>.WebIde10configtemplates” folder ("~/Library/Preferences/WebIde10/templates" for Mac OS X). Zen Coding plugin involves more than 200 different HTML and CSS live templates. To see all of them, just open Settings (Ctrl+Alt+S), Live Templates, Zen Coding group. Nativ