Funcionalidades impressionantes tornam a aprendizagem
e o ensino de desenvolvimento fácil & divertido

Thimble é um editor de código completo que funciona no navegador. É desenhado para ajudar novos desenvolvedores a criar os seus próprios sites e projetos na web utilizando HTML, CSS e JavaScript. Tudo que você precisa esta na ponta dos seus dedos, permitindo que você (ou seu time) possam começar rapidamente.

É um editor de código, um servidor web e ferramentas de desenvolvimento, tudo em um — é gratuito!

Ver imediatamente as alterações

Crie e experimente rapidamente com a visualização em tempo real. Mostra as alterações ao seu código de forma instantânea.

Remixe de qualquer projeto do Thimble

Gosta de um projeto Thimble que esteja a ver? Remixe o mesmo para criar a sua própria versão. Você também pode enviar os seus projetos a amigos ou estudantes — o que será que são capazes de fazer?

Trechos úteis de código

Trabalhe mais rapidamente criando uma lista de trechos de código HTML, CSS e JavaScript úteis que pode incluir no seu código.

Console JavaScript integrado

Trabalhando JavaScript? O console integrado do Thimble torna mais simples do que nunca o teste e depuração do seu código.

Adicionar e gerenciar arquivos

O Thimble funciona como um projeto web real, você pode criar, renomear, excluir e enviar os seus próprios arquivos.

  • Baixe um .zip do seu projeto e acesse o mesmo a partir do seu disco
  • Arraste e solte arquivos do seu computador no Thimble

Liga e desliga as luzes

O Thimble vem com um tema escuro e outro claro, então, escolha o que é melhor. Você também pode alterar outras opções, como o tamanho do texto.

Siga e crie tutoriais integráveis

Os projetos podem ter tutoriais que te (ou aos seus estudantes) ajuda a aprender enquanto faz alterações nos projetos.

Obtenha dicas enquanto escreve

Não bloqueie ao tentar lembrar-se de uma grande quantidade de regras e sintaxe. O Thimble irá dar-lhe dicas em ficheiros HTML, CSS e, até, JavaScript.

Edite CSS direto das suas páginas HTML

Escreva estilos CSS para os seus elementos sem sair da página HTML que está editando. Coloque o cursor de texto em qualquer tag e pressione Cmd/Ctrl + E para começar a escrever estilos CSS.

Publique projetos para a web rapidamente

Você pode publicar seus projetos na web com um único clique. Mais adiante, quando fizer alterações, pode facilmente atualizar seu projeto.

Escolha cores diretamente no editor

Posicione o cursor de texto em qualquer valor de cor em um arquivo CSS e pressione Cmd/Ctrl + E para abrir o seletor de cores.

Teste seu projeto em um dispositivo móvel

Alternar para o modo de visualização móvel permite que você veja o seu trabalho em um dispositivo estreito. Em seguida, ative a visualização de tela cheia para obter a imagem grande.

Encontre elementos HTML rapidamente

Ative o Inspetor DOM e passe com o mouse pelos diferentes elementos na visualização. O Thimble irá destacar o código relacionado no editor HTML.

Filtros de imagem

Adicione algum divertimento ao seu projeto adicionando filtros às suas imagens. Os gatos nunca pareciam tão bons antes!

Tire uma selfie

Adicione sua selfie em qualquer página que você está trabalhando ao usar a ferramenta selfie de Thimble—isso usa a webcam do seu computador. Apenas comece digitando a tag <img src= a sua pagina HTML e você irá ver um prompt.