Codepen una herramienta increíblemente genial para todo front end, comparte tu código web fácil y rápido desde una url.

Share on Pinterest
Comparte con tus amigos










Enviar

Cuantas veces no nos ha pasado que queremos compartir codigo de nuestros diseños web con otras personas para que nos den su opinión o para que nos ayuden a corregir un problema que tenemos, pero no queremos usar un servidor propio, ya sea por flojera, porque no tenemos uno, etc.

Para todos esas excusas existe una herramienta indispensable y extremadamente genial que todo buen desarrollador web y apasionado por el front end debe saber.

Se trata de CodePen, un sitio en el cual podemos copiar nuestro código HTML, CSS y JS y ver los resultados de una manera instantánea y lo mejor de todo, bajo una url que podemos compartir con mas personas para que vean el código.

 

Codepen una herramienta para compartir front end

Codepen una herramienta para compartir front end en la nube

 

Por si fuera poco, codepen también se caracteriza por otras cualidades muy, pero muy geniales, como la posibilidad de poder subir tu código y compartirlo con otros mediante una url sin la necesidad de tener que registrarte, incluso puedes compartir tu código en github!

Así que vamos al grano, Como compartir código en la nube con Codepen

 

Lo único que tenemos que hacer es entrar en el sitio http://www.codepen.io

Una vez dentro damos en el botón de New Pen y prácticamente ya esta, solo queda que copies tu código en cada área correspondiente, ya sea html, css o javascript, si quieres profundizar un poco mas puedes dar en el icono de tuerca de cada sección y escoger que clase de pre compilador quieres usar o que plugins, etc. Es una completa maravilla.

 

Opciones Avanzadas de codepen

Una vez ya termines tu código, simplemente das en el boton de «Save» para guardarlo y automáticamente ya tendrás la url en la barra de direcciones de tu navegador, lista para copiar y compartir, puedes hacer cuantos cambios quieras y todos se guardaran en la misma url.

Share on Pinterest
Comparte con tus amigos










Enviar

FalconMasters Carlos Arturo

Una respuesta a “Como compartir codigo en la nube con Codepen”

  1. David Perez dice:

    Excelente FM.. Lo tendre en cuenta para poder compartir con otras personas…

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Aprende con nuestros cursos

React y Firebase: El Curso Completo, Práctico y desde Cero

React y Firebase: Curso Completo, Práctico y desde Cero

En este curso aprenderás React desde lo mas básico y paso por paso hasta un nivel avanzado donde podrás crear sitios y aplicaciones web reales.

Inicia el curso

Diseño Web Profesional El Curso Completo, Practico y desde 0

Bienvenido al Curso de Diseño Web, el curso en el que aprenderás paso por paso y desde cero todo lo que necesitas para convertirte en un diseñador web.

Inicia el curso

Bootstrap 5: El Curso Completo, Práctico y Desde Cero

Aprende Bootstrap 4, el framework de diseño web mas importante del mundo.

Inicia el curso
PHP y MYSQL: El Curso Completo, Practico y Desde Cero

PHP y MYSQL: El Curso Completo, Practico y Desde Cero

Aprende a crear cualquier Aplicacion y Sitio Web!. Aprende PHP y MySQL.

Inicia el curso