#codepen.io

[harunayuuka]

MC x Malleus

...

[newcodesociety]

Nixie Tube Clock

...

Go to the link (click it)

Press the little round white button

Like it? Learn how to code it using this pen

[newcodesociety]

Collapsible Timeline

A timeline with animated collapsible descriptions for each item. Source for Unix facts: [Wikipedia](https://en.wikipedia.org/wiki/Unix_time

[newcodesociety]

Stack Sorted.

Find Inspiration in Design Elements.

[newcodesociety]

HTML Tags Memory Test

How many HTML tags can you remember?...

[lmspulse]

Turn Your Moodle Into A Web Coding Forest With The CodePen Filter Plugin

Turn Your #Moodle Into A Web Coding Forest With The CodePen Filter Plugin #MoodleNews

Initiatives to teach coding, from K-12 to professionals, keep popping up in more places each day. But they all seem to fall into one of two booby traps. They are either too linear when illustrating the many moving parts of the operation, or give too limited a view of the true power of code. There are other platforms where developers—professionals and aspiring pros alike—can view code at work and…

View On WordPress

[manueltato11]

He publicado un nuevo articulo en Manuel Fernando WEB

He publicado un nuevo articulo en http://www.manuelfernandoweb.com/editores-de-codigo-online-para-desarrolladores/

Editores de código Online para desarrolladores

http://www.manuelfernandoweb.com/editores-de-codigo-online-para-desarrolladores/

Hoy hemos traído la recopilación de los mejores editores de código online para desarrolladores y programadores que buscan optimizar el trabajo de forma grupal, ya que muchos de ellos permiten trabajar en grupo mientras que el código es almacenado en la nube.

Si trabajas como desarrollador web o programas por hobbie, eres principiante o un gran experimentado en lenguajes de programación, estos editores de código online te pueden ser sumamente importantes y útiles. Estos editores de código online son gratuitos y proporcionan características como el resaltado de lineas, autocompletado de código, alerta de errores, depuración, coloreado, etc. Así que veamos cuales son los mejores:

CodeAnyWhere

Es uno de los editores de código online más populares por la comunidad de desarrolladores, es un Entorno de Desarrollo Integrado (IDE) en la nube. Codeanywhere permite a los usuarios escribir instantáneamente, editar y colaborar en proyectos de desarrollo desde un navegador web moderno o cualquier dispositivo móvil como Android y iOS.

Codeanywhere esta desarrollado en Javascript y su editor se basa en CodeMirror y utiliza contenedores OpenVZ para sus entornos de desarrollo (llamados DevBoxes). Codeanywhere es independiente de la plataforma (es multiplataforma), lo que permite al usuario ejecutar código en entornos de Codeanywhere llamados DevBoxes o conectarse a su propia máquinas virtuales a través de SSH o protocolo FTP y también conectarse a Dropbox y Google Drive. Es compatible con más de 75 lenguajes de programación, incluyendo HTML, JavaScript, Node.js, io.js PHP, Ruby, Python, GO, etc.

Visitar CodeAnyWhere

Scrapfy

SCRAPfy.io es un excelente editor de código colaborativo, ligero y sobre todo gratuito orientado a la web (online). Es un buen editor de código online elegante, rápido y permite la colaboración en tiempo real de múltiples usuarios integrando un chat de voz y texto para comunicarse de manera directa con el grupo de desarrolladores. Scrapfy.io tiene la posibilidad de descargar los resultados del trabajo en linea al computador y del mismo modo compartirlos públicamente en GitHub.

El editor tiene varias funcionalidades dentro de la cual lo complementan los atajos de teclado que permiten ser mas eficientes y productivos a la hora de codear coloreando la sintaxis de los mas de 20 lenguajes de programación disponibles como Ruby, Python, C++, JavaScript, PHP, SQL, etc. Otra estupenda función que tiene Scrapfy.io es la posibilidad de generar la URL del trabajo para compartirla con usuarios a través de las redes sociales o simplemente compartiendo su URL.

Por ultimo y no menos importante, Scrapfy.io ha sido desarrollado con Node.js, PeerJs, AngularJs y WebRTC (chat).

Visitar Scrapfy.io

Cloud9

Cloud9 es un entorno de desarrollo integrado (IDE) online compatible con cientos de lenguajes de programación incluyendo PHP, Ruby, Python, JavaScript, node.js, SQL, etc. Permite a los desarrolladores crear espacios de trabajos grupales para codificar colaborativamente y de esta forma mejorar la productividad y eficiencia a la hora de codear.

Cloud9 ofrece múltiples facilidades como un editor de imágenes integrado, un depurador de código o un ejecutor de aplicaciones en tiempo real en Ruby, Python, PHP/Apache, CoffeeScript, o Node.js.

Está escrito casi en su totalidad en JavaScript, y utiliza Node.js en el backend. El componente de edición utiliza Ace. A partir de julio de 2014 utiliza Docker para los contenedores de los espacios de trabajo, todos estos están alojados en Google Compute Engine.

Visitar Cloud9 – C9

Codepen.IO

Codepen, mas que un editor de código online, es una excelente herramienta de testing interactiva para desarrolladores web ya que permite realizar pruebas a fragmentos de código y compartirlo con los usuarios a través de las redes sociales o simplemente compartiendo la URL. Básicamente, Codepen es un editor online para HTML, CSS y Javascript. Se carga rápidamente en nuestros navegadores y es posible obtener sin ningún problema una vista previa del código escrito en él. Sin duda alguna es una de las herramientas infaltables para todo buen desarrollador y es uno de los mejores que hay por la red por su diseño minimalista, rapidez y fácil de usar.

Visitar Codepen.IO

JS Fiddle

Es una excelente herramienta web y estupendo editor de código online, similar a Codepen y ofrece la posibilidad de probar directamente módulos en JavaScript. Entre otras cosas, jsFiddle nos permite elegir el framework con el que vamos a trabajar, de esta manera podemos asegurarnos de que todas las pruebas que hagamos van a funcionar de manera perfecta en nuestro proyecto. También nos da la opción de agregar recursos externos y configurar algunos detalles de forma dinámica y bastante sencilla, muy bueno, recomendado!

Algo que va estupendo con Jsfiddle, es la opción de “Colaboración” que permite crear un proyecto y compartir el Link del proyecto que estamos desarrollando para recibir apoyo de otros usuarios, retroalimentaciones, comentarios y feedback en tiempo real.

Visitar JS Fiddle

LiveWeave

Es un completo editor de código online de HTML5, CSS3 y JavaScript en Tiempo Real para los diseñadores y desarrolladores web. Liveweave incorpora en sus etiquetas de código la opción de autocompletar rápidamente código de HTML5, CSS3 y atributos sensibles al lenguaje, todo esto hace mucho más fácil su uso a diferencia de otros editores de código online.

Estas son las librerías con las que trabaja actualmente:

Sin duda alguna es un buen editor de código en línea que existen hoy en día. Aquí pueden ver un ejemplo compartido en esta plataforma: ¡Ver Ejemplo! 

Visitar LiveWeave

Pueden animarse a probar estos editores de código online o si lo que prefieren son aplicaciones de escritorio modernas para la edición de código, les recomendamos visitar los mejores editores de código modernos para desarrolladores.

¿Cuales son los editores de código online que utilizas y porque te gustan?

Déjanos tu comentario al respecto.