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

Generar clases desde Esquemas XSD

Generar clases desde Esquemas XSD

XJC es una herramienta de linea de comandos del compilador de esquemas de JAXB que se puede utilizar para convertir un e...

Mapas en HTML5 – Uniendo todo – Parte 6

Mapas en HTML5 – Uniendo todo – Parte 6

Última parte del tutorial «Mapas interactivos HTML5», vamos uniendo todo todo el código. En la parte 5 de este tutorial,...

Exportar registros MySQL a Excel

Exportar registros MySQL a Excel

Java Excel API es un API para java que permite a los desarrolladores leer y escribir en hojas de cálculo Excel. jexcelap...

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...

WorldMap: Construye y comparte mapas en la nube

WorldMap: Construye y comparte mapas en la nube

Harvard WorldMap es una plataforma de mapeo de código abierto en línea, desarrollado por el Centro de Análisis Geográfic...

La CIA lanza su sitio web en la Red Oscura

La CIA lanza su sitio web en la Red Oscura

La CIA (Agencia Central de Inteligencia) en un comunicado de prensa anuncio la creación de su sitio web oficial a través...

Comparte lo que sabes

Categorias

Últimas entradas

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

Continuando el post de «Introducción a Retrofit» donde realizamos una breve preparación a lo que es el uso de la librerí...

Editar un documento PDF no es tan sencillo como editar un archivo de texto por ejemplo, para editar archivos PDFs necesi...

¿Alguna vez tuviste la necesidad de hacer una captura de pantalla de una página web? Si es así, seguramente buscaste y d...

Herramientas

Generador de Enlaces a Whatsapp