When comparing Koding vs Codepen, the Slant community recommends Koding for most people. In the question“What are the best cloud IDEs?” Koding is ranked 3rd while Codepen is ranked 17th. The most important reason people chose Koding is:
All languages, databases, and command-line tools are supported. Most machines are already set up with web project basics like Apache, PHP, MySQL, Ruby, Node.js, Perl, and Python and anything else can be installed via the SSH root access.
Ranked in these QuestionsQuestion Ranking
Pros
Pro Everything is supported
All languages, databases, and command-line tools are supported. Most machines are already set up with web project basics like Apache, PHP, MySQL, Ruby, Node.js, Perl, and Python and anything else can be installed via the SSH root access.
Pro Ability to signup with Github
And link account to oDesk and Facebook.
Pro Great community
Koding has a community feature that makes it easy to collaborate and share ideas with like minded developers all over the world. And the community itself is very active and helpful community.
Pro Real-time collaboration
Real-time code and terminal collaboration with integrated chat abilities.
Pro Built-in terminal
With 256-color support.
Pro Various file upload options
Koding supports drag & drop, Dropbox, clone from Github, FTP and the ability to access them using SSH.
Pro Built-in package manager
The Koding Package Manager (a successor to Apps) is command line tool for installing packages like nginx, Redis, VNC, Wordpress and many others. It consists of officially supported and user-built packages.
Pro Communities
Ability to create different sized communities that can be public or private.
Pro Social Stream
There's a built-in social network with developers from all over the world.
Pro Unlimited domains and subdomains
Unlimited user-defined domains and subdomains for private or shared VMs can be set up.
Pro Capable editor
Koding uses the Ace editor that's developed by Cloud9. Besides the basics, it covers most important advanced code editor features such as code folding, converting cases, auto-completion, code analysis and refactoring, regex search and offers easy access to relevant documentation.
It also gives access to the CLI, has support for Vim and Emacs keybindings, includes multiple cursors and zen coding mode that removes all distractions and allows focusing on code.
Pro Easily export your pen
CodePen makes it really easy to export code as a zip or Github Gist.
Pro Real time output
Pro Lots of support for frameworks and preprocessors
CodePen has an impressive amount of support for preprocessors (such as Jade, Haml, Slim, Sass, Less, Stylus, Coffeescript and PostCSS). There is also plenty of frameworks and libraries to pick from (Foundation, Bootstrap, Angular, D3, Backbone, Ember etc.).
Pro Great display/profile page
The codepen profile page allows you to display all of your public pens, and control which order you want them to be viewed in. This is great for showing off your work to possible employers, other devs etc..
Pro Easily fork pens
To fork a pen only requires clicking one button, and you'll be able to modify the pen on your own account.
Pro Great community pens
You can search through other pens, either by keyword or popular, picked or recent.
Cons
Con Not a cloud IDE
Have to provide your own IDE, so not a cloud IDE.
Con No real individual user support
While they do have plans available for 1-10 users, they are not focused on individual developers, so much as teams.
Con No private pens with free account
There is an option on Codepen for private pens, however it requires upgrading to a Pro account ($9/month).