Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
19 Herramientas Para Probar Código HTML, CSS, JavaScript...
#1
19 Herramientas Para Probar Código HTML, CSS, JavaScript...



1- CSSDesk

[Imagen: f_ba497fb2085e.png]

Experimente con CSS, vea los resultados en vivo y comparta su código con otros.

Web





2- Ideone

[Imagen: f_6bdb7559ce31.jpg]

Ideone es una herramienta de compilación y depuración en línea que le permite compilar el código fuente y ejecutarlo en línea en más de 60 lenguajes de programación.

Web





3- Cubic Factory

[Imagen: f_f52dabb0752d.png]

Editar y probar HTML. CSS y JavaScript online.
Probar AJAX online.
Ejemplos de AJAX.
Ejemplos de HTML.
Ejemplos de CSS.
Compartir código.

Web





4- Codepad

[Imagen: f_fbd9bcf1eecf.png]

Codepad es un compilador / intérprete en línea, y una herramienta de colaboración simple. Pegue su código a continuación, y el teclado lo ejecutará y le dará una URL corta que puede usar para compartirla en el chat o correo electrónico.

Web





5- Dabblet

[Imagen: f_b62b5df34128.png]

Un juego interactivo de CSS y una herramienta para compartir código. Dabblet guarda en Github gists y ofrece muchas conveniencias para la edición de CSS.

Web






6- jsFiddle

[Imagen: f_1f9fea2d5496.png]

Pruebe su JavaScript, CSS, HTML o CoffeeScript en línea con el editor de código JSFiddle.

Web






7- JS Bin

[Imagen: f_dd9005e95c44.png]

Un pastebin en vivo para HTML, CSS y JavaScript y una variedad de procesadores, incluyendo SCSS, CoffeeScript, Jade y más

Web





8- Liveweave

[Imagen: f_0e5a42666fa0.png]

Liveweave es un editor de HTML, CSS y JavaScript con vista previa en tiempo real (en vivo). Es el campo de juego definitivo para diseñadores y desarrolladores web, y una excelente herramienta para probar, practicar y compartir tus creaciones.

Tiene paneles redimensionables, de modo que puede escribir su código (o tejido, como lo llamamos) de la forma que desee. Liveweave también ha incorporado insinuaciones de código sensibles al contexto para HTML5, CSS3, JavaScript y jQuery, que hacen la vida mucho más fácil. ¡Puedes guardar tus tejidos en la nube, descargarlos como un archivo .zip, jugar con paletas de colores, editar en pantalla completa y mucho más! ¡Oh ... incluso hay una regla para ayudarte con tu próximo diseño sensible!

Web





9- Landofcode

[Imagen: f_61fc20b2ea22.png]

Tutoriales de desarrollo web, ejemplos, ejercicios, pruebas, referencias y mucho más para varios idiomas, incluidos HTML, XHTML, CSS, Javascript y PHP.

Web





10- jsdo.it

[Imagen: f_44b099bb4191.png]

Sitio donde puedeS escribir código JavaScript, HTML5, CSS en el navegador, y compartirlo.

Video

Web





11- Snipit

[Imagen: f_17fd1b70abc9.png]

Organizar, Compartir, Colaborar. Guarda y organiza tus fragmentos de código en la nube. Comparte y colabora con los miembros de tu equipo.

Web





12- Rendurr

[Imagen: f_e5c5ccabddbd.png]

Comience a escribir y se renderizará a medida que escribe. Realice cambios en la estructura y la presentación y observe cómo aparecen mientras escribe.

Web





13- CodePen

[Imagen: f_00d288b87268.png]

CodePen es una comunidad en línea para probar y mostrar fragmentos de código HTML, CSS y JavaScript creados por el usuario. Funciona como un editor de código en línea y un entorno de aprendizaje de código abierto.

Web






14- Plunker

[Imagen: f_da901b40f486.png]

Plunker es una comunidad en línea para crear, colaborar y compartir sus ideas de desarrollo web.

Web






15- HTML CSS JavaScript

[Imagen: f_a25e045296b2.png]

HTML, CSS y JS son las partes de todos los sitios web con los que los usuarios interactúan directamente.

¡Maximice su eficiencia de codificación y brinde la mejor experiencia de usuario con nuestra colección gratuita de herramientas en línea!

Web






16- Repl

[Imagen: f_9e6ffded317f.png]

Poderoso y simple compilador en línea, IDE, intérprete y REPL. Codifique, compile y ejecute el código en 30 lenguajes de programación: Clojure, Haskell, Kotlin (beta), ...

Web




17- Jseditor

[Imagen: f_ffafe6d4818f.png]

JSEditor te ayuda a crear prototipos y compartir código JavaScript, HTML y CSS. En el lado izquierdo del proyecto, tienes tres pestañas donde puedes escribir el formato HTML, el código JavaScript y editar las hojas de estilo. Para ejecutar el código, simplemente haga clic en el botón Ejecutar y verá los resultados en el panel derecho. La consola en la parte inferior de la pantalla muestra los errores de javascript y los mensajes de la consola.

Web





18- Playcode

[Imagen: f_64250fc00de5.png]

Crea aplicaciones, demostraciones o cosas asombrosas con el editor de javascript en línea, solo abre y escribe el código.

Comparte tu código javascript con solo copiar la url del navegador.

PlayCode compila rápidamente el código javascript de babel en tiempo real. En el editor adicional puede compilar javascript desde preprocesadores: mecanografia, coffeescript, livescript.

El editor en línea tiene soporte completo para crear aplicaciones completas: HTML, CSS, versiones y aplicaciones de alojamiento con nombres de vainilla.

Usa la consola para depurar el código javascript en playcode.

Use javascript y css libs como vue.js, reaccion, jquery o font-awesome. O incluir a html desde unpkg.com, rawgit.com.

Todos los cambios de su código javascript se enviarán al servidor. Servidor siempre mantenga sus proyectos de código js.

Web






19- Webtoolkit

[Imagen: f_855179f91365.png]

Este sitio web es un conjunto de herramientas en línea gratuitas para ayudar al desarrollo. Al utilizar una herramienta, sus datos están protegidos porque no transitan en una red.

Web
[-] El post de Sprystate tiene 2 Me Gusta de parte de:
  • alieninc, santivip12
#2
Saludos,

Gracias por la información, quisiera saber como le haces para siempre subir temas de muy buen valor, donde los consigues..
#3
(09-11-2018, 12:56 PM)alieninc escribió: Saludos,

Gracias por la información, quisiera saber como le haces para siempre subir temas de muy buen valor, donde los consigues..

Hola,hago el post como si fuera para mi,todo esto lo consigues en la www .

Gracias y saludos.
#4
Excelente post. Siempre es bueno contar con herramientas como esas. Gracias por compartir
WWW
#5
Pues de todas las herramientas sólo conocía a Jsfiddle, las demás son nuevas para mí.
Muchas gracias por compartirlas.
WWW
#6
muchas gracias, vamos a probar a ver si me convence alguna, gracias por tu aporte
[Imagen: nuevo_logo.jpg]
Desarrollo Digital
Alejandro Ramirez
Visita mi Blog 
https://alexramirez.ml
WWW
#7
(16-11-2018, 08:42 PM)Boreas escribió: Excelente post. Siempre es bueno contar con herramientas como esas. Gracias por compartir

(16-11-2018, 08:53 PM)jebcalix escribió: Pues de todas las herramientas sólo conocía a Jsfiddle, las demás son nuevas para mí.
Muchas gracias por compartirlas.

(17-11-2018, 01:56 AM)cmascreativo.ml escribió: muchas gracias, vamos a probar a ver si me convence alguna, gracias por tu aporte

De nada,saludos.
#8
saludos ... los datos que aportan en este lugar son bastante interesantes gracias
#9
Muchas gracias por compartirlo! No conocia la mayoría de estas páginas que has compartido.

Cuando quiero hacer pruebas de este estilo lo que hago es meterme en https://www.w3schools.com y desde ahi suelo probar.

Sino tambien pruebo a maquetar desde el navegador.

Si necesito probar con JS suelo utilizar: jsFiddle
[Imagen: logo_300.png]
#10
muchas gracias, buen aporte Sonrisa


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  6 Herramientas para redimensionar y comprimir varias imágenes a la vez Sprystate 3 210 16-03-2019, 03:14 AM
Último mensaje: brettavz
  16 Herramientas para crear planos de casas Online (Diseño y Decoración) Sprystate 14 1,320 07-02-2019, 08:23 PM
Último mensaje: Sprystate
  14 Herramientas De Análisis Para Ver Tus Backlinks Sprystate 16 1,302 12-12-2018, 05:31 PM
Último mensaje: ArtuGar
  20 Herramientas De Análisis Para Ver Tus Backlinks Sprystate 10 1,939 04-12-2018, 08:35 PM
Último mensaje: Sprystate
  11 Herramientas Para Crear Contenidos Digitales Sprystate 0 229 04-12-2018, 08:29 PM
Último mensaje: Sprystate
  10 Herramientas Para Crear Tu Rastreador De Sitios Web Sprystate 2 568 13-11-2018, 10:34 PM
Último mensaje: Sprystate
  20 Herramientas Para Diseño Web Sprystate 9 683 13-11-2018, 09:53 PM
Último mensaje: Sprystate
  15 Herramientas Para Analizar a la Competencia Sprystate 1 409 09-11-2018, 01:58 PM
Último mensaje: ReyNexo23
  20 Herramientas Para Crear Animaciones (Gratis y de pago) Sprystate 1 230 05-10-2018, 10:00 PM
Último mensaje: ReyNexo23
  Probar el funcionamiento de la Webcam Online Oscar1980 4 191 02-10-2018, 03:30 PM
Último mensaje: efbsfcd



Usuarios navegando en este tema: 1 invitado(s)