RSSThe TSW Blog

The making of WebCoder 2009 – part 11

November 29, 2008

As promised in my last post, I will be discussing one of the new and very cool features of WebCoder 2009 today. It's called "Inspect mode", and empowers the preview browsers with the ability to make WYSIWYG like changes to both HTML and CSS, in realtime, without the usual disadvantage of messy code. The "Inspect mode" uses the preview browsers to show you how your code look, and at the same time it lets you explore the various elements of the page, and make changes to them with a few clicks. This is especially handy in the early design phase, when you want to try out a lot of different looks and designs of various elements on the page, but also when you want to make minor adjustments to the final result. It's probably hard to appreciate from my description alone, so I created a special video for you guys, the very first WebCoder 2009 demonstration, to show it:

Watch a video of the TSW WebCoder 2009 "Inspect mode" in action

Please have a look and let me know what you think - your feedback is highly appreciated :)

Kasper (TSW) @ 11:07 am in WebCoder

5 Responses to “The making of WebCoder 2009 – part 11”

  1. khh says:

    Just amazing!
    Looking forward to see this in PhpCoder with template support.
    Great feature and will done.

  2. sijandi says:

    You rock, Kasper!!
    Just had a look at the video: this feature is really cool – I already know now that I will use it quite often. Can’t wait for the beta to check it out…

  3. Kasper (TSW) says:

    Thank you very much guys, I’m glad that you like it :)

  4. Philip says:

    That is really scarily good. It is vastly better than TopStyle 3, my current CSS editor, and shows great vision. How long now to beta?

  5. […] WebCoder 2009, I introduced the new Inspect mode. In WebCoder 2010, this function has been revamped and renamed to WebDebug and is now offering some […]

Leave a Reply