Pinterest Stumbleupon Whatsapp
Ads by Google

If you’ve tried to code by hand in the past and given up, there’s a good chance you turned to a WYSIWYG editor. Many of the best web design tools use the “what you see is what you get” method, including Dreamweaver and Coda, but if there’s one thing most professionals who use these tools strive for it’s tidy code. WYSIWYG editors do not have a good reputation when it comes to creating clean and concise code, but DivShot hopes to change that.

drag drop website design

Running in the browser as a web app, DivShot lets you drag and drop elements, text, boxes and more onto your page as you build your site. Everything you see on the page is HTML and CSS 4 Free & Excellent Tools For Editing CSS Code 4 Free & Excellent Tools For Editing CSS Code Websites are wondrous tools which convey all sorts of information and ideas. They have evolved quite a lot in merely 10 to 15 years, and they are now expected to be top-notch and beautifully designed.... Read More , with the correct markup added as you go. The best thing about DivShot from a coding point of view is the fact that the code comes out looking like it was written by hand, complete with tidy indentations to keep your inner coder happy.

divshot

With a responsive and straightforward UI, DivShot immerses you in the process of creating beautiful websites from within your browser. All the tools, element controls and preferences you need are found around the edge of your screen, just as if you were using a desktop editor. DivShot is currently in beta, and free to sign up and use (though the usual “beta beware” advice applies).

Features:

Ads by Google
  • Real-time WYSIWYG editor in your browser.
  • Changes you make are reflected instantly in the HTML and CSS.
  • Past in code snippets and see the results in real-time.
  • Currently in free beta phase.

Check out DivShot @ DivShot.com

  1. Jim Ward
    February 12, 2013 at 4:18 pm

    I signed up, waited a few minutes for the "Please Wait" to end and give me a UI to see but I gave up. Will try later after a few days and maybe the curiosity will stabilize. Their site is probably getting quite a bit of traffic due to its appearinging in MakeUseOf?

  2. G. Calamita
    February 11, 2013 at 8:41 pm

    Hello, may be http://jsfiddle.net/ is more ... useful?

Leave a Reply

Your email address will not be published. Required fields are marked *