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

Tweetbotornot: Detección de Bots de Twitter

Tweetbotornot: Detección de Bots de Twitter

El modelo Tweetbotornot es un algoritmo de aprendizaje automático que se entrenó en miles de cuentas reales de bot y no...

Renombrar atributos JSON con GSON

Renombrar atributos JSON con GSON

Si quieres cambiar el nombre de tus atributos sin tener que reescribir código java por X o Y razón, GSON te permite reno...

Impresión de Interfaz Gráfica de Usuario

Impresión de Interfaz Gráfica de Usuario

En este post veremos como imprimir secciones de un formulario en java implementando la Interface Printable. La clase que...

Como se debe crear una pagina de error 404

Como se debe crear una pagina de error 404

¿Qué es una página 404? Una página 404 es la pagina que ve un visitante cuando se produce un error HTTP 404 o Not Found,...

PanoramaImageView: Vista panorámica

PanoramaImageView: Vista panorámica

En este post haremos uso de PanoramaImageView para agregar a una aplicación android, una vista panorámica de 180° y 360°...

Mapas HTML5 – Elementos del canvas- Parte 4

Mapas HTML5 – Elementos del canvas- Parte 4

Continuando con nuestro tutorial de «Mapas interactivos con HTML5» , esta es la sección que corresponde a los elementos...

Comparte lo que sabes

Categorias

Últimas entradas

En muchas ocasiones es necesaria la personalización de componentes java para que estos se adecuen a nuestros requerimien...

En este post mostramos como personalizar el Header (encabezado) de un componente JTable en Java colocando iconos, centra...

El JTable de Java es un gran componente para mostrar datos en una tabla de una forma rápida y sencilla, sin embargo en v...

En este post veremos un ejemplo sencillo de como descargar desde Internet archivos de cualquier tipo (*.jpg, *.png, *.gi...

Herramientas

Generador de Enlaces a Whatsapp