Web Development Editors with Page Previews!

It may not seem feasible, but coding websites on your phone is not only possible, it’s also enjoyable. Below I’ve listed four mobile apps (some Android exclusive) that allow you to use the basics of HTML, CSS, and JavaScript to code and preview your site while out and about on your mobile device. So get ready to take your web development skills on the road, at a restaurant, and anywhere else you happen to go.

Table of Contents

• Spck Code Editor
• Dcoder Code Compiler
• anWriter HTML Editor
• TrebEdit Mobile HTML Editor

Spck Code Editor

On Android and iOS

Spck is a fantastic smartphone code editor for HTML, CSS, and JavaScript. The app allows you to write and preview your code in seconds. The app also comes with Git client integration, allowing you to clone, commit, pull, push, etc., from Github, Gitlab, Bitbucket, and more. While the main languages supported in the app are the prominent web development stack listed above, there is intelligent code-hinting support for TypeScript, JavaScript, TSX, JSX, CSS, Less, and SCSS.

Dcoder Code Compiler

On Android and iOS

Dcoder is a great mobile app choice for your developer projects. Not only does it support HTML, CSS, and JavaScript, but it also has support for two JavaScript frameworks, React and Angular. Dcoder supports over 30 languages, including Java, C++, Python, and more. Like with Spck, Dcoder comes with Git client integration, allowing you to leverage the power of coding in multiple locations on multiple devices.

anWriter HTML Editor

On Android

The app anWriter is an excellent and lightweight option for writing HTML, CSS, and JavaScript code. It takes up less than half the storage space of all the other apps in this list. The app also supports LaTex, PHP, and SQL. Like the other apps mentioned, anWriter allows you to preview the results of your code and will be sure to alert you to errors in its console.

TrebEdit Mobile HTML Editor

On Android

TrebEdit is an excellent way to create your web development projects on your phone while keeping things organized. You can write and share projects in HTML, CSS, and JavaScript. The app's UI experience is visually pleasing and easy to understand. The app also allows users to look up and use the source code of any URL. A final selling point for TrebEdit is the integrated W3Schools learning capability.

Summary

Whether you’re a seasoned developer or a coding noob, these mobile apps will ensure you’re never without the ability to code. Happy coding! 👩‍💻

Courtney Yatteau, a Developer Advocate at Esri, wrote this article. The opinions in this article are solely Courtney’s opinions and do not necessarily represent the postings, strategies, or opinions of her employer. If you have any feedback, please like and/or comment. Also, you can contact Courtney through Twitter if you have any questions or comments that you’d prefer to send privately.