Editores de código online

Hoy vemos 3 opciones para poder editar y probar código con editores online.


por

Si eres desarrollador, de cualquier tipo, sabrás que existen infinidad de herramientas y soluciones para trabajar.

En función del tipo de proyectos y código en el que trabajes, y de tus gustos y manías personales, te irán mejor unos u otros, y para grandes desarrollos está claro que lo más cómodo es un editor completo, que te ayude a autocompletar, que incorpore librerías y add-ons especializados, o incluso que conecte con otras herramientas como github, FTP, etc…

Pero en entornos de desarrollo web, especialmente en áreas de front-end, a veces necesitamos algo ágil para probar o mostrar algo de maquetación con CSS y JS.

Para ello, hay soluciones online muy prácticas, que puedes utilizar gratuitamente en momentos puntuales o incluso sacarles partido como recursos para guardar, compartir o experimentar con snippets y códigos.

codepen.io

Para mi, la mejor o la que más utilizo es codepen.io, supongo que es porque es la que uso para pruebas y testeos desde hace mucho y porque tiene una biblioteca infinita de códigos de otros desarrolladores que me sirven de ayuda y de inspiración.

https://codepen.io

editor codepen.io

Además de guardar (pinnear) snippets, puedes seguir a creadores, crear colecciones de códigos propios o de otros, buscar, crear proyectos completos y en versiones de pago, colaborar con otros, alojar recursos, personalizar el aspecto, e incluso tiene un modo professor para retransmitir en vivo, con opción de chat.

Es la que uso, por ejemplo, para compartir los [front] snippets del día.

Sin embargo, aunque codepen funciona muy bien, si no necesitas todas las funciones extra y lo único que quieres es probar código, quizás te interese más algunas de las que menciono a continuación.

jsfiddle.net

https://jsfiddle.net/

Una alternativa al popular codepen.io es jsfiddle.net.

Es más limpio, más sencillo, menos «red social» y más enfocado a programar en sí y no tanto a compartir y mostrar nuestros logros.

editor onlne jsfiddle

Es muy potente y a mi me gusta cada vez más para hacer pruebas de JS con librerías externas y temas puntuales de maquetación y CSS que no quiero mostrar sino solamente ajustar y probar antes de pasarlo al código en desarrollo.

jsbin.com

https://jsbin.com/

También más básico y mucho más austero que codepen.io, si no te interesa la parte colaborativa y social, es una muy buena alternativa para probar tu código.

editor online jsbin

Además, tiene una opción muy ágil y práctica para trabajar con gist, pudiendo importar y exportar fácilmente a este.

Como ves, alternativas no faltan, y seguro que existen más de las que aquí detallo, pero como en todo, lo mejor es escoger la que nos sea más cómoda y nos sea más funcional según nuestras necesidades y centrarnos en una para trabajar más cómodamente.

¿Eres implementador o desarrollador WordPress?

En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:

ACCEDER AHORA