Coding Tools
The Best Online Coding Tools 2023
As a developer, your main tool is obviously the one that allows you to turn your ideas into code: A text editor. As time goes by, more online text editors are created that can help you code from any computer with Internet access.
Pair programming, social coding, collaborative development. Whatever you want to call it, there’s been an explosion of tools for sharing, developing and debugging code in the browser. In this article, let’s take a look at the best useful online code editors.
ExtendsClass new
Free Online Toolbox for developers
Extends Class provides an online regex tester, which helps to test and debug regex. A regex visualizer is integrated and helps to understand regular expressions. It is also possible to generate strings corresponding to regular expressions.
Extends Class also provides: Syntax checkers (PHP, Python, Ruby), Playgounds (PHP, SQLite, MySQL, PostgreSQL), compare tools (XML, JSON, CSV), API tools (JSON storage, Mock, REST/SOAP clients) …
EditPad
Online Text Editor & Wordpad For Notes
EditPad is a simple and minimal online editor for web developers. Unlike most tools featured in this article, it doesn’t feature syntax highlighting, boilerplates or project management.
EditPad is just a plain page to type your text without any distractions. While definitely not the most powerful editor for web development, this “online notepad” can be a lifesaver on a particularly slow computer.
Liveweave
HTML, CSS & JavaScript Playground
Liveweave is super simple to use. No need to log in, no sharing – no messing. Just open the page and start coding. Everything happens in a single view, so your JavaScript and styles all appear alongside the HTML. The resulting output runs in an adjoining pane.
Dabblet
An Interactive CSS Playground
Dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won’t have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.
TryIt Editor
W3Schools Online Code Editor
Brought to you by W3Schools, TryIt editor lets users edit HTML, CSS and JavaScript code, and view the result in their browser. This online editor is very simple and doesn’t feature as many options as some others mentioned in our list, but it’s still a great tool, especially for testing new ideas and techniques.
TypeIt
Type Accent Marks, Diacritics And Other Characters Online
TypeIt isn’t a code editor and I hesitated to feature it in this post. This handy tool helps you to access special characters such as French accents, as a visual keyboard does. Definitely a site to have in your bookmarks if you’re often working on multi-language sites.