Orangemn6's blog


Orangemn6's blog


9 Useful Web Apps for Web Developers

Orangemn6's photo
·Mar 29, 2021·

8 min read

9 Useful Web Apps for Web Developers

Applications will help you be more productive at work.

Photo provided by the authorPhoto provided by the author

Anyone who works as a software developer can relate to this problem — Sometimes essential tools are missing that cannot be installed by yourself, without messing up other things. Often these are just small things, like your favorite editor.

For both cases, there are online services that provide a range of developer tools. A web browser is installed on most workstations, an Internet connection is also possible — and the useful tools can be used without having to attract the administrators’ attention. I give you 9 handy (and free) online services to help you in software and web development.

1. Tools.FromDev: Tools for web developers

This is a small but nice toolkit that should be helpful in many places in practical web development. Fromdev is a blog that deals primarily with books for software developers and online tutorials. Somewhat hidden on the website. However, there is a small toolbox that should be a delight, especially for web developers.

In addition to an Escape/Unescape tool for XML, JS, and HTML, there is a password generator, various conversion tools, and practical generators for SEO and creating CSS buttons or QR codes.

2. Online Bash: test bash programs

If there is no Bash at hand — for example, under Windows or on a tablet like the iPad — spontaneous suggestions for shell scripts can also be tested and executed online. This is not a problem with the free online bash. Also, the online bash allows collaborative work.

3. CodeSandbox: IDE for Rapid Web Development

If you want to hack a few lines of code quickly, you should take a closer look at the CodeSandbox: The online development environment is not only free but enables you to import, commit, and make pull requests to GitHub repositories.

In this way, program prototypes can be created and tested quickly and easily in the browser. Even container technology and collaborative work are supported in the free version.

CodeSandbox is practical as a decentralized coding aid for users at different workstations: Regardless of which computer you are currently on, the sandbox runs in the browser. With a paid account ($ 9 per month), there are still unlimited developer sandboxes and private GitHub repos.

4. Playcode: developer ball pit

Playcode slips into a similar niche as CodeSandbox. Web developers can write or test their code online here. The whole tool is a little simpler than CodeSandbox and, therefore, clearer but not quite as rich in functions.

The tool is supplemented with a paid account by some practical functions such as a gigabyte of storage, a significantly increased asset size, code deployment, and a more powerful bug-finder.

5. Browserling: Huge online tool collection

The Cross-Browser-Testing-Portal Browserling offers a huge and completely free tool collection, not only for web developers. There is a suitable online tool for almost every purpose: In addition to simple Minify and Prettify, there are also online tools for converting, encrypting, or small image processing.

The free version of the actual testing environment is limited to three-minute sessions with Windows and Internet Explorer, which means that cross-browser testing for websites only makes sense in the paid version ($19).

6. JSFiddle: Testing tool for HTML, CSS and JavaScript

The collaborative code playground of JSFiddle is small but nice: Here, code snippets in HTML, CSS, and JavaScript can be stored, tested, and collaboratively edited. The editor does not bother users with any logins or plans and can be used completely free of charge in the browser. Those who support JSFiddle financially $8/month with additional features such as no advertising, private fiddles and a debug console.

7. Ideone: online debugger and compiler for 60 languages

The online code editor Ideone is ideal for testing code snippets online: The tool supports more than 60 programming languages, in addition to C ++, Java, or Python, also less well-known ones such as Prolog or Whitespace. The code is compiled and executed directly online, making it easy to track down errors. Code snippets can also be passed on by simply splitting the URL.

8. JSLinux: Several Linuxes and Windows in your browser

Sometimes developers need a Linux machine, and JSLinux comes in handy: The service offers several Linux distributions free of charge without installing any virtual machines. In addition to Alpine Linux and Buildroot, there is even Fedora, but in a not entirely brand new version.

Both distributions can be run as a command line or via the X window, although the latter does not always run optimally. FreeDOS and even Windows are also included. With, there is also an alternative with older operating systems such as Windows 98 or MS-DOS, which, however, is more of a gimmick.

9. Can I use: See what works in which browser

Web developers need to know which technologies they can use to reach as many users as possible. Not always easy with the multitude of browser models and versions. The service helps solve the problem: Developers can use a simple input mask to check which functions and APIs are supported by which browsers and version.

Tools help us make our job as a developer easier and faster. The more tools we have in our toolbox, the faster we can do our job. I hope you can include these tools in your collection and use them whenever you need them.

Share this