Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Desarrollo Web / Editor online HTML5

Editor online HTML5

Autor jc mouse viernes, septiembre 14, 2012

JsFiddle es una herramienta que se puede utilizar de muchas maneras. Se puede utilizar como un editor en línea para crear fragmentos de código HTML, CSS y JavaScript. El código puede ser compartido con otros, incrustados en un blog, etc Con este enfoque, los desarrolladores de JavaScript puede fácilmente aislar errores.

editor online html5

El editor cuenta con varias opciones y esta dividido en paneles para el HTML, Javascript, el CSS y un panel para la vista previa, copia y pega este código en el panel HTML y presiona RUN, podras ver el resultado en la parte derecha de la pantalla.

<!DOCTYPE html>
<head>
<title>SVG</title>
<meta charset="utf-8" />
</head>
<body>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 width="233.000000pt" height="269.000000pt" viewBox="0 0 233.000000 269.000000"
 preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,269.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M1056 2570 c-74 -7 -82 -10 -113 -44 -21 -22 -50 -40 -76 -46 -149
-38 -212 -66 -295 -129 -66 -49 -221 -258 -259 -348 -29 -71 -16 -192 29 -255
24 -35 38 -35 89 -1 57 38 92 34 196 -23 198 -108 240 -126 351 -145 59 -10
109 -19 112 -19 3 -1 -17 -9 -45 -19 -27 -9 -83 -41 -123 -71 -62 -45 -82 -54
-125 -58 -56 -4 -150 14 -240 48 -69 26 -87 42 -87 81 0 35 -20 76 -48 103
-25 22 -37 16 -62 -34 -11 -22 -34 -47 -50 -55 -23 -12 -30 -22 -30 -44 0 -32
71 -181 97 -202 10 -9 55 -16 125 -20 125 -6 161 -23 166 -77 3 -32 -8 -57
-82 -192 -49 -90 -48 -121 7 -161 86 -63 259 -139 407 -179 74 -20 174 -27
250 -18 155 19 419 130 507 214 55 52 56 79 2 168 -80 133 -86 182 -28 230 42
35 71 41 144 27 35 -6 69 -9 77 -6 7 3 39 40 70 83 70 94 74 122 23 172 -19
18 -37 46 -40 61 -4 15 -12 32 -19 38 -16 14 -32 -4 -71 -76 -15 -28 -39 -63
-54 -76 -37 -34 -125 -65 -230 -78 -106 -15 -145 -4 -234 64 -30 23 -70 50
-88 60 -41 23 -28 33 51 43 152 17 290 68 454 168 32 20 64 36 70 36 7 0 30
-13 52 -30 45 -34 74 -38 97 -12 25 28 47 88 47 129 -1 92 -131 327 -240 434
-124 121 -441 274 -529 254 -15 -3 -43 -23 -62 -43 -37 -40 -79 -97 -79 -108
0 -4 25 -4 55 -1 l56 6 -66 -126 c-36 -69 -65 -129 -65 -133 0 -5 13 -10 30
-12 l30 -3 -42 -63 c-42 -65 -56 -75 -38 -28 17 47 13 56 -25 56 -19 0 -35 2
-35 5 0 2 22 58 49 124 27 66 47 122 43 125 -3 3 -29 6 -59 6 l-53 0 50 100
c52 104 55 111 43 109 -5 -1 -44 -5 -87 -9z m181 -1168 c39 -56 73 -151 73
-202 0 -32 -49 -132 -80 -164 -4 -4 -11 23 -15 60 -3 38 -10 102 -16 142 -5
40 -9 79 -9 85 0 7 -4 5 -9 -3 -5 -8 -11 -55 -15 -105 -4 -49 -9 -111 -13
-137 l-5 -46 -36 46 c-53 69 -64 108 -48 168 16 59 69 167 96 194 26 26 39 19
77 -38z"/>
<path d="M280 410 l0 -180 -29 0 c-28 0 -30 3 -33 43 -3 39 -5 42 -35 45 l-33
3 0 -69 c0 -82 0 -82 105 -82 63 0 76 3 85 19 6 12 10 98 10 210 l0 191 -35 0
-35 0 0 -180z"/>
<path d="M397 583 c-4 -3 -7 -95 -7 -204 0 -170 2 -198 16 -203 9 -3 51 -6 94
-6 94 0 102 7 98 87 -3 57 -3 58 -35 61 -33 3 -33 3 -33 -42 0 -46 0 -46 -35
-46 l-35 0 0 150 0 150 35 0 c34 0 35 -1 35 -40 0 -39 1 -40 35 -40 l35 0 0
58 c0 32 -5 63 -12 70 -13 13 -179 17 -191 5z"/>
<path d="M830 380 l0 -210 30 0 29 0 3 98 3 97 19 -78 c17 -67 23 -77 40 -75
16 2 24 17 37 68 l17 65 3 -85 4 -85 33 -3 32 -3 0 211 0 211 -32 -3 c-33 -3
-33 -4 -63 -106 -33 -115 -30 -116 -70 21 -25 84 -27 87 -55 87 l-30 0 0 -210z"/>
<path d="M1132 578 c-17 -17 -17 -379 0 -396 16 -16 180 -16 196 0 17 17 17
379 0 396 -7 7 -44 12 -98 12 -54 0 -91 -5 -98 -12z m138 -198 l0 -150 -40 0
-40 0 0 150 0 150 40 0 40 0 0 -150z"/>
<path d="M1380 386 c0 -177 2 -205 16 -210 20 -8 158 -8 178 0 14 5 16 33 16
210 l0 204 -35 0 -35 0 0 -180 0 -180 -35 0 -35 0 0 180 0 180 -35 0 -35 0 0
-204z"/>
<path d="M1642 578 c-7 -7 -12 -39 -12 -76 l0 -63 70 -66 c63 -59 70 -69 70
-104 0 -38 -1 -39 -34 -39 -34 0 -35 1 -38 43 -3 39 -5 42 -33 42 -30 0 -30
-1 -33 -58 -2 -35 2 -64 9 -73 15 -18 169 -20 187 -2 7 7 12 41 12 81 l0 70
-70 65 c-60 55 -70 70 -70 98 0 32 2 34 35 34 34 0 35 -1 35 -41 0 -39 1 -40
33 -37 31 3 32 4 35 56 2 31 -2 60 -9 68 -15 18 -169 20 -187 2z"/>
<path d="M1880 380 l0 -210 90 0 90 0 0 30 c0 30 -1 30 -55 30 l-56 0 3 63 3
62 40 1 c38 0 40 2 43 32 3 32 3 32 -42 32 l-46 0 0 55 0 55 56 0 c54 0 55 0
52 28 -3 27 -3 27 -90 30 l-88 3 0 -211z"/>
</g>
</svg>
</body>
</html>

 

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Primeros pasos con Quasar Framework

Primeros pasos con Quasar Framework

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje...

Bolivia Segura: La página web oficial del gobierno para informar sobre el Coronavirus

Bolivia Segura: La página web oficial del gobierno para informar sobre el Coronavirus

El gobierno constitucional de Bolivia a la cabeza de la presidente Yaninne Añez y ante la confirmación de dos casos posi...

Obtener Metadatos de una base de datos

Obtener Metadatos de una base de datos

La clase de java DatabaseMetaData nos permite obtener información exhaustiva sobre una base de datos, para ser más exact...

Conexión a base de datos Oracle con Laravel

Conexión a base de datos Oracle con Laravel

En esta ocasión aprenderemos a conectaros con una base de datos Oracle desde Laravel. Es un tutorial sencillo y cortito,...

Abrir enlace web desde JLabel con Java

Abrir enlace web desde JLabel con Java

El siguiente código te permite abrir enlaces web desde un JLabel, ademas aprovechando el soporte a etiquetas HTML del co...

Instalar XAMPP en Linux/Ubuntu

Instalar XAMPP en Linux/Ubuntu

XAMPP es un software para la gestión de base de datos, servidor web apache e interprete para lenguajes como php o perl....

Comparte lo que sabes

Categorias

Últimas entradas

Muchas veces necesitamos de fotos para adornar nuestros perfiles en RRSS pero no queremos subir nuestras propias fotos p...

En esta ocasión aprenderemos a conectaros con una base de datos Oracle desde Laravel. Es un tutorial sencillo y cortito,...

En este tutorial conoceremos una forma de conectar una aplicación en Laravel con tres bases de datos diferentes, 2 en My...

Existen muchas plataformas CMS de código abierto excelentes, como Joomla y WordPress, así como algunas plataformas emerg...

Herramientas

Generador de Enlaces a Whatsapp