Funciones increíbles hacen que aprender
y enseñar código sea fácil & y divertido

Thimble es un editor de código totalmente equipado que se ejecuta en el propio navegador. Está diseñado para ayudar a los nuevos programadores a crear sus propias páginas y proyectos basados en la web utilizando HTML, CSS y JavaScript. Todo lo que necesitas al alcance de tu mano, permitiéndote (o a tus alumnos) ponerte en marcha lo más rápido posible.

Es un editor de código, servidor web, navegador web y herramienta de programación: todo en uno ¡y gratis!

Observa tus cambios de forma instantánea

Crea y experimenta más rápido con el Visor en vivo. Te muestra los cambios en el código al instante.

Mezcla cualquier proyecto de Thimble

¿Te gusta algún proyecto de Thimble? Mézclalo para crear tu propia versión. También puedes enviárselo a estudiantes o amigos y ver qué otras ideas tienen.

Fragmentos de código prácticos

Trabaja más rápido creando una lista de fragmentos de código de HTML, CSS y JavaScript que puedas incluir en tu propio código.

Consola JavaScript incorporada

¿Trabajas con JavaScript? La consola incorporada de Thimble te facilita el testeo y la depuración de código.

Agregar y gestionar archivos

Thimble funciona como un proyecto web real: puedes crear, renombrar, eliminar e incluso subir tus propios archivos.

  • Descarga un .zip de tu proyecto y échale un vistazo desde tu disco duro
  • Arrastra y suelta archivos desde tu equipo a Thimble

Encender y apagar las luces

Thimble incluye un tema de luz clara y otro oscuro, para que puedas elegir. También puedes cambiar otras opciones, como el tamaño del texto.

Seguir y crear tutoriales incrustados

Los proyectos pueden incluir tutoriales que te ayudan (o a tus alumnos) a entender los cambios que se producen en ellos.

Obtén pistas de código a medida que escribes

No te atasques intentando recordar un montón de reglas y sintaxis. Thimble te dará pistas en los archivos HTML, CSS e incluso JavaScript.

Editar CSS en tus páginas HTML

Escribe estilos CSS para tus elementos sin tener que salir de la página HTML que estés editando. Pon el cursor de texto en la etiqueta de cualquier elemento y presiona Cmd + E para escribir el estilo CSS.

Publicar proyectos en la web rápidamente

Puedes publicar tus proyectos en la web con un solo clic. Después, si haces cambios, puedes actualizarlo igual de rápido.

Elegir colores en el propio editor

Pon el cursor de texto en cualquier valor de color del archivo CSS y presiona Cmd + E para abrir el selector de colores.

Probar tu proyecto en un dispositivo móvil

Si cambias al modo de vista previa en móviles, podrás ver tu proyecto en un dispositivo más estrecho. Para ver la imagen completa, activa el modo de pantalla completa.

Encontrar rápidamente elementos HTML

Activa el Inspector DOM y desplázate sobre los diferentes elementos en la vista previa. Thimble resaltará el código relacionado en el editor HTML.

Filtros de imágenes

Agrega diversión a tu proyecto añadiendo filtros a tus imágenes. ¡Los gatos nunca fueron tan bonitos!

Hazte un selfie

Agrega tu foto a cualquier página en la que trabajes mediante la herramienta selfie de Thimble, que utiliza la webcam de tu equipo. Solo tienes que empezar a escribir la etiqueta <img src= a tu página HTML y te aparecerá un mensaje emergente.