Transforme trechos de código em imagens lindas com destaque de sintaxe, moldura e fundos de vidro.
Transforme trechos de código em imagens lindas com destaque de sintaxe, moldura e fundos de vidro. Use no trabalho, desenvolvimento, estudo ou em verificações rápidas.
Esta ferramenta funciona no navegador. Antes de usar dados sensíveis, confirme que o dispositivo e o navegador são confiáveis.
Ao compartilhar código em slides, blogs, redes sociais ou tutoriais, um print comum do sistema costuma sair com letra minúscula, fundo bagunçado e a interface do editor misturada ao código. Este gerador coloca seu trecho em uma janela limpa com destaque de sintaxe, fundo em gradiente e botões no estilo macOS, para que o leitor foque no que importa.
Há três temas, Monokai, VS Dark e GitHub Light, e cinco modos de destaque: JavaScript, HTML / XML, CSS, Python e JSON. O preenchimento (padding) controla a distância entre a janela e a borda do fundo; em posts de redes sociais, deixe bastante espaço para a composição respirar. O raio dos cantos pode combinar com sua identidade visual. Temas claros costumam funcionar melhor em projetores e impressão; os escuros, em telas e feeds.
O PNG é renderizado em resolução 2×, então continua nítido em telas Retina, ampliado em apresentações e depois da recompressão das redes. Para facilitar a leitura, mantenha cada imagem com 10–25 linhas e cerca de 80 caracteres por linha, remova imports e comentários sem relação e encurte strings longas com reticências. Se as pessoas precisarem copiar o código, compartilhe também a versão em texto ou um Gist: imagens não são indexadas por buscadores nem lidas por leitores de tela.
Tudo é desenhado em um canvas no seu navegador e o código colado nunca é enviado a um servidor, então dá para usar código interno ou ainda não lançado. Mesmo assim, confira antes de compartilhar se não aparecem chaves de API, senhas, URLs internas ou dados pessoais.
O PNG é desenhado com o dobro do tamanho da tela, ficando nítido em telas Retina, slides e redes sociais.
JavaScript, HTML / XML, CSS, Python e JSON. Outras linguagens podem ser coladas, mas sem cores específicas.
Em projetores e salas claras, o GitHub Light costuma ser mais legível. Para compartilhar tela ou redes, Monokai ou VS Dark ficam ótimos.
Não. A imagem é gerada em um canvas no navegador. Ainda assim, confira se nenhum segredo aparece antes de compartilhar.
Ver esta categoria: Desenvolvimento e código
Cole células copiadas do Excel ou Google Sheets, CSV ou XML Spreadsheet e converta na hora em tabelas Markdown, arrays JSON ou tabelas HTML.
Converta timestamps em segundos e milissegundos para datas legíveis com suporte a fusos e tempo relativo.
Divida pessoas em grupos, embaralhe listas ao acaso ou selecione ganhadores sem repetição de forma justa.
Misture sons de chuva, lareira, floresta e batidas Lo-Fi com Pomodoro integrado para estudar e focar.
