WebCoder 2013 features

-All features -PHP editor -HTML editor -CSS editor -JavaScript editor

Flexible Interface

WebCoder is a modern, flexible and extremely customizable web editor. Everything can be configured by the user, from how the editor behaves to how it looks. WebCoder 2013 comes with more than 10 different visual themes, from the Windows Classic and XP look and right up to the modern, Windows 8 Metro look.

On the right you'll see two of the most popular themes, Metro Light and Metro Dark, but be sure to check out all the other themes as well - there's a theme for everyone!

Need more space for your code? No problem, you can easily close/toggle the tool windows you don't need or move them to another location, and the Ribbon can be minimized. If you just need all that extra space temporarily, press F7 and WebCoder will go into full screen mode, as seen on the screenshot.

Edit and view multiple files at the same time, by creating multiple tab rows and/or columns, giving you side-by-side editing capabilities. You can even drag a file tab to a secondary monitor.
Metro Light theme
Metro Light theme
Metro Dark theme
Metro Dark theme
Full screen editing
Full screen editing
Side-by-side editing
Side-by-side editing
 

IntelliSense

IntelliSense is basically a set of functions which will allow you to write code more accurate and a lot faster. As you type, WebCoder will show a list of contextual suggestions for you to choose from, and you can accept the selection with Enter, Tab, Space or the mouse.

HTML IntelliSense will assist you in typing HTML tags, attributes, their values and even HTML entities. PHP IntelliSense will access the huge PHP function and class library to help you use the core PHP functionality, while parsing your code to make suggestions for your own variables, objects, functions and constants.

CSS IntelliSense will help you with properties and their values, while JavaScript IntelliSense uses information from the JS Core, the DOM as well as your own code to make proper suggestions.

Using JavaScripts frameworks in WebCoder is also a breeze and with built-in jQuery IntelliSense and MooTools IntelliSense, utilizing these great additions to JavaScript is both easy and enjoyable.

With SQL IntelliSense, WebCoder accesses your database to be able to suggest table and column names along with the reserved words of SQL.

Zen Coding will allow you to generate even complex HTML structures at the speed of light, using a CSS-like syntax to describe shortcuts. To fully understand just how cool and fast Zen Coding is, try watching this demonstration video.
PHP IntelliSense
PHP IntelliSense
SQL IntelliSense
SQL IntelliSense
HTML IntelliSense
HTML IntelliSense
CSS IntelliSense
CSS IntelliSense
JavaScript IntelliSense
JavaScript IntelliSense
jQuery IntelliSense
jQuery IntelliSense
MooTools IntelliSense
MooTools IntelliSense
Zen Coding
Zen Coding
 

Debugging

With PHP debugging, WebCoder can help you understand how your code works, or perhaps even more valuable, why it doesn't work in some situations.

The WebDebug feature allows you to see your website in the preview browsers and then work with specific elements of it. Adjust the look of the page by changing and adding CSS properties and see the results in real time.
PHP debugging
PHP debugging
WebDebug
WebDebug
 

Code validation

Bring better code to the web today. WebCoder comes with real-time HTML and CSS validation with AutoFix, which checks your code for a wide range of common problems. Once detected, WebCoder will offer a solution to the problem and, in most cases, offer to automatically fix it for you.

With the Integrated W3C validation you can have your HTML and CSS validated by the W3C validators directly in WebCoder, with the results displayed internally. Navigate to a problematic line simply by clicking in the result.

Use the PHP executable from php.net to make WebCoder perform real-time PHP syntax checking of your PHP code. This will allow you to resolve any problems before they reach your website.
Real-time PHP syntax checking
Real-time PHP syntax checking
Integrated W3C validation
Integrated W3C validation
Real-time HTML and CSS validation with AutoFix
Real-time HTML and CSS validat...
 

Intelligent editor

WebCoder comes with one of the most advanced editor controls on the market. It has sophisticated syntax coloring and wordwrap, block selection of code, line numbers and much more. Editing code in it is a pleasant experience, aided by the helpful CodeFolding and CodeSnippets functionality.

To provide a better overview, WebCoder will highlight matching tags, delimiters and even identifiers for you.
CodeFolding
CodeFolding
CodeSnippets
CodeSnippets
Identifier highlighting
Identifier highlighting
 

Code inspectors

Use the HTML Inspector and the CSS Inspector to edit your HTML and CSS code much simpler. All attributes/properties are listed and you can define values for the ones you need simply by selecting or entering the values. Your changes will be reflected immediately in the editor.
HTML Inspector
HTML Inspector
CSS Inspector
CSS Inspector
 

Code Tidy

Formatting your code can be a tedious task. It will surely slow down your typing and even when you're careful, you might still make mistakes. WebCoder comes with PHP Tidy, CSS Tidy and HTML Tidy support, which will help you great looking and nicely formatted code on-the-fly.
PHP Tidy
PHP Tidy
CSS Tidy
CSS Tidy
 

All WebCoder features