Chrome, JavaScript, webdev

Online Editors For Web Developers

One of the most powerful aspects of the web is the ability to share your ideas and work with others quickly.

Over the years, I tried several options to share code and do demos. It’s true that you can always start your own server and serve your site, but in many cases, you want to focus on your demo and not do administrative work again and again. Here are some tools that I enjoyed using and I still find myself returning to check them from time to time. In most of them you got a nice ability to move (even) faster and to use GitHub for your code.

CodePen

CodePen is one of my favorites. It let you create and showcase your web site or web app very quickly. It also a great environment to learn directly from the code of others. For example, if you wish to learn more on the power of Vue or React – You can browse these collections and see how do things in these frameworks.

 JS Bin

Edit HTML, CSS and JavaScript live – then save (as gists if you login with your github user) and link to your work.

jsFiddle

Online code environment that let you write your HTML, CSS and JavaScript. It also allow you to fetch other resources and simulate ajax calls.

Mozilla Thimble

Thimble is an online code editor that makes it easy to create and publish your own web pages while learning HTML, CSS & JavaScript.

c9

Cloud9 combines an online code editor with a full Ubuntu workspace in the cloud. It’s less about sharing your code (although you can do it with their integrations with github and bitbucket or just by sharing a link to your web app) and more as a full replacement to your current IDE or local editor. It give you a lot of freedom and flexibility. They even let you have a terminal on an Ubuntu container.

powder day - no friends day

Remember, powder day = no friends day

Do you have any other tools you like to use?

Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s