It’s about time to take a break from offline code editors and IDEs and consider an online coding playground instead. VS Code, atom, and other offline editors and IDEs are awesome tools. But the inconvenience starts when as a web developer, you constantly have to switch from editor/IDE to a browser in order to test your code. It gets frustrating to jump from editor to browser, then refresh the browser tab in order to see changes. That's where online front end playgrounds come in.
Plunker is the best tool to prototype, experiment, share and debug your ideas on the web platform. From idea to implementation, Plunker helps you build a website quickly, efficiently and frictionlessly.
Dabblet is an open-source beautiful interactive CSS playground. Dabblet provides quick testing of snippets of CSS and HTML code.
Glitch provides a creative environment for the creation of beautiful web apps using CSS, HTML, and JavsScript.
CSSDesk is an online HTML/CSS sandbox and front end playground. CSSDesk lets you experiment with CSS, see the results live, and share your code with others.
The original and longer version of this post was first published on this page.