Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Aporte Como compartir codigo en la nube con Codepen
#1
[Imagen: Como-compartir-codigo-en-la-nube-con-codepen2.jpg]

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


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.

[Imagen: ScreenShot699-1024x603.jpg]

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.

[Imagen: ScreenShot700.jpg]

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.

Saludos!!  ¡Me gusta! 
#2
Oye me parece excelente herramienta mas que todo para poder probar cosas sin necesidad de hacer uso de diversas herramientas que no tendríamos a la mano sino estamos en nuestro equipo.


Muy buen aporte amigo, lo compartiré con unos amigos que de seguro les debe interesar. Saludos.
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Duda] Ayuda con este codigo Kovea 5 272 05-04-2018, 12:17 AM
Último mensaje: Kovea
  [Aporte] El Editor de codigo Atom! joselp 0 140 14-01-2018, 12:36 PM
Último mensaje: joselp
  Ayuda con Código php CarlosAlberto 1 337 03-12-2016, 07:22 PM
Último mensaje: Minenage
  [Duda] Código en ASP NET C# romeho 2 496 26-07-2016, 10:40 PM
Último mensaje: romeho
  [Aporte] Codigo para renombrar tabla MySQL gassip 3 562 23-12-2015, 08:10 AM
Último mensaje: AbaddonOrmuz
  Homero Simpson dibujado con sólo código CSS Kevin9908 8 628 06-11-2015, 02:12 AM
Último mensaje: juanjj
  ¿Este código es malicioso? bseca 3 510 07-09-2015, 07:59 PM
Último mensaje: Minenage
  Codigo Imágenes que cambian automáticamente tucine 8 901 19-05-2015, 03:36 PM
Último mensaje: betiko2424
  InHabilitar Console o F12 :D + Codigo RezakeaoCrew 1 479 05-05-2015, 09:32 PM
Último mensaje: RezakeaoCrew
  Como crear un Código de Barras en PHP torgar22 1 576 25-03-2015, 04:33 AM
Último mensaje: garcon



Usuarios navegando en este tema: 1 invitado(s)