Posts Tagged ‘IDE’

Building web projects can be troublesome when you need to work in a single development environment. This often limits your work to a certain desktop or laptop with the appropriate software. Cloud-based alternatives provide tools for anyone to scrap together quick web projects rendering immediately in the browser.

It seems like new IDEs are being launched online every year. I’ve organized a small collection of powerful online coding environments where you can write HTML/CSS/JS codes and see how they render in real-time. Each of these webapps is free to use and many provide unique links for sharing your work elsewhere online.


webapp online cloud coding ide css html dabblet

Read the rest of this entry »

Coding websites is a long tedious process and there’s always more to learn. Why not make the job a little easier by writing code with an Integrated Development Environment? These programs(IDE for short) have syntax highlighting and many other features which expedite the coding process. This post features 11 web development programs which span the gamut of Windows, Mac, and Linux operating systems.

Visual Studio Express

visual studio express software webdev

Read the rest of this entry »

It is important to have a comfortable development environment to code better and faster.

And, there are numerous IDEs for that purpose, mostly paid and few free ones.

CodeLobster PHP Edition is a free IDE that has all the features we can expect. It is pretty powerful.

When starting, we can choose one of the many code-higlighting themes for the application (there are options which mimic the popular IDEs).


As the name states, it is suitable for PHP (or client-side) developers. A built-in debugger exists and a source-comment filter simplifies locating the right lines of any file so easily.

The UI has support for multiple tabs, code is highlighted successfully even if multiple languages are used on the same file and there is autocompletion for HTML, PHP, CSS and Javascript, including HTML5 and CSS3.

CodeLobster has FTP integration and uploading files to any remote address is simple.

The application has some handy and hidden features like “pressing F1 on any function or element gets you to a related documentation page about it” or “an index can help you locate them quickly”.

CodeLbster WordPress Plugin

Besides the free edition, there are 2 more versions: Lite and Pro where

  • Lite version:
    • is integrated to all the popular version control systems (Git, SVN, Mercurial, TortoiseSVN)
    • has an SQL manager that can produce all necessary actions on a database
    • supports LESS and SASS
    • has code validator, formatter and snippets
  • Pro version:
    • has all the features of Lite
    • has plugins for WordPress, Joomla, Drupal
    • has plugins for CakePHP, CodeIgniter, Symfony, Yii and Smarty
    • has plugin for jQuery
Coding with these plugins is very fast and easy as they have auto-complete and you don’t need to go back-and-forth to make sure you are using the right syntax.

The giveaway

CodeLobster is giving away 3 Pro licenses to WRD readers. You can join it by simply commenting to this post and winners will be selected randomly with the query below 1 week later (12 Nov 2013):

SELECT * FROM wp_comments WHERE comment_post_id=4771 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 3

Good luck to all.

  • Tags:
  • Filed under: Extras, Other License, Tools
  • Google has released a new tool, named Google Web Designer, for creating interactive HTML5 sites and ads.

    It is a modern WYSIWYG where you don’t need to dive into the code but use the features to get the output and the tools are mostly design-oriented.

    However, the code generated is always there and it can be edited or tweaked and the result is displayed automatically.

    Google Web Designer

    The tool comes with ready-to-use settings for designing Google-powered ads (DocubleClick, AdMob) that will work on any device.

    There are built-in components like 360 or carousel galleries, YouTube video embedding and more.

    A timeline exists for animations and anything can be drawn with a pen tool (not limited to shapes).

    Google Web Designer is currently in beta status and it is available for both Windows + Mac.

  • Tags:
  • Filed under: Extras, Other License, Tools
  • KineticWing is a free IDE that is lightweight, portable and works on all major operating systems (Mac support is mentioned to be coming soon).

    It is not a complicated IDE but more like a smart text editor with modern features.

    These features include support for Sass or Less (with built-in compiler), HTML5-CSS3 or CoffeeScript.

    KineticWing IDE

    A great feature is the ability to extending it with JavaScript plugins and there are already many like JSHint, JSLint, Less Compiler, JSBeauty..

    KineticWing is supporting server-side languages as well and more of them are being added within time.

    The editor is not yet perfect, it is in beta status, but the features and roadmap are very promising.