Skip to content Burger menu icon

The WebIDE Blog

html

Recording of PhpStorm 6 Webinar – More Tools to Develop Smarter, Not Harder

On Tuesday, March 26, we’ve held a free webinar where JetBrains Technical Evangelist for PHP and .NET Maarten Balliauw went through the most important features of the latest PhpStorm 6 release. The recording of this webinar can be found on our YouTube channel. (more…)

Maarten Balliauw Maarten Balliauw

What’s cooking: Instant HTML/CSS editing preview

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 it w

Vladimir Krivosheev Vladimir Krivosheev

Highlighting of HTML tag tree

Since version 2.1, WebStorm & PhpStorm both come with a new code highlighting feature. It makes it easier to work with big and complex HTML files, with deep nested tags structure: Please note that highlighting is only activated when there is more than one tag with the same name in the hierarchy. By default, only 6 parent tags are highlighted with 6 different colors. You can change the depth to highlight or completely disable the feature in Settings | Editor | Appearance | Enable HTML tag tree highlighting. Also you can tweak the colors in Settings | Editor | Colors & Fonts | HTML.

Improvement of HTML5 support in PhpStorm & WebStorm

Recently, we've added a number of new features that simplify HTML5 development. Here's a short list of their highlights: Support of HTML custom data attributes. The attributes with names that begin with data- can be used to store some custom information. WebStorm/PhpStorm IDE provides completion for such attributes when they're used in a project: Support for Web SQL Database JavaScript API: We also added a new setting Default HTML language level ( File | Settings | Resources ). If you switch it to HTML5, IDE will consider every *.html file without specified doctype as HTML5 file, so vali

eugene.kudelevsky eugene.kudelevsky

Enjoy HTML5 excitement with PhpStorm & WebStorm

Lately we have been seeing a lot of excitement circulating on various blogs about HTML5 and it's support in latest versions of all major browsers. We are constantly improving our IDE to support new standards. Now you can easily enjoy HTML5 development with our new IDEs PhpStorm & WebStorm. Let's start with a simple example: Create a new HTML document. Don't forget to change DOCTYPE  to <!DOCTYPE HTML> to enable HTML5 support for that file. (WebStorm and PhpStorm 1.1 will also include new file templates for HTML5 documents ) Say, we'd like to use new <canvas> element. Not onl

Zen Coding support in WebStorm/PhpStorm

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.

eugene.kudelevsky eugene.kudelevsky

Edit HTML inside JavaScript literals

It often happens that we need to edit HTML code inside JavaScript literals. And most of the time it is not something very pleasant, but not within Web IDE! Here is a simple string… But once we add '<' inside it, it becomes a superstring more than just a string and if you hit Ctrl+Space, you can see the difference. Yes, you get all HTML code assistance inside a JS literal! You can of course complete tag attributes… and do other things you do when you code HTML… …including code completion, quick documentation, and navigation — for HTML, CSS and even JavaScript inside J

Eugene Toporov Eugene Toporov