Affiliate Disclosure: By buying the products we recommend, you help keep the lights on at MakeUseOf. Read more.
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.
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, 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.
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).
- 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