JSFiddle
JSFiddle has the notion of panels (or tabs if you switch into the tabbed layout), there are 4 panels, 3 where you can enter code, and 1 to see the result: HTML - structure code, no need to add body doctype head, that's added automatically, CSS - styles. You can switch pre-pocessor to SCSS, JavaScript - behavior. There are many frameworks and code pre-processors you can use. Once you enter code, just hit "Run" in the top actions bar, and the fourth panel with results will appear. SFiddle allows you to switch the layout of the editor from the classic 2x2 grid to something that suits your needs. In addition to the grids mode it also has a tabbed mode. Grids are fully resizable. As an addition resizing the Results panel will tell you its width (handy for working on media queries).
Learn more
AWS Cloud9
AWS Cloud9 is a cloud-based integrated development environment (IDE) that lets you write, run, and debug your code with just a browser. It includes a code editor, debugger, and terminal. Cloud9 comes prepackaged with essential tools for popular programming languages, including JavaScript, Python, PHP, and more, so you don’t need to install files or configure your development machine to start new projects. Since your Cloud9 IDE is cloud-based, you can work on your projects from your office, home, or anywhere using an internet-connected machine. Cloud9 also provides a seamless experience for developing serverless applications enabling you to easily define resources, debug, and switch between local and remote execution of serverless applications. With Cloud9, you can quickly share your development environment with your team, enabling you to pair program and track each other's inputs in real time.
Learn more
Visual Studio
Microsoft Visual Studio is the industry-leading integrated development environment (IDE) for building modern applications across desktop, mobile, cloud, and web. It empowers developers to write, refactor, debug, test, and deploy software faster with intelligent assistance powered by GitHub Copilot and AI-driven workflows. With Agent Mode, developers can automate repetitive coding tasks, optimize performance, and receive contextual help directly in the IDE. The suite includes Visual Studio 2022, the comprehensive IDE for .NET and C++ development on Windows, and Visual Studio Code, the lightweight, cross-platform editor supporting JavaScript, Python, and dozens of other languages. Visual Studio integrates seamlessly with Azure, GitHub, and CI/CD pipelines, enabling teams to collaborate and ship code efficiently. Trusted by millions worldwide, Visual Studio provides the tools and intelligence developers need to build reliable, scalable, and secure applications from concept to release.
Learn more
Codeanywhere
Our Cloud IDE saves you time by deploying a development environment in seconds, enabling you to code, learn, build, and collaborate on your projects. With our amazing web-based code editor in Codeanywhere, you will forget you ever used any other code editor. All major programming languages fully supported, including JavaScript/TypeScript, PHP, Python, Ruby, Go, Java, C/C++, C# any many other. Intelligent editing features such as auto-complete, code refactor, go to definition, rename symbol and many others. Debug code with break points, call stacks and interactive console. Fully featured Git client. Expandable with vast amount of existing extensions. You can also spin up powerful containers in seconds, that can be fully preconfigured for the programming environment of your choice. Develop and run your code on our infrastructure with full sudo access. Prebuilt development environments for all major programming languages, packed with tools and database preinstalled.
Learn more
