Ir para conteúdo

Como compartilhar seu código de forma bonita e fácil

Aprenda a exibir seu código de forma mais profissional e elegante.

Quem nunca viu aqueles sites de programadores e viu aqueles códigos sempre bonitos e mas nunca soube criar uma imagem ou algo parecido, nesse simples tutorial irei lhe ensinar como usar a ferramenta e deixar seu código mais bonito na hora de apresentá-lo.

Antes de tudo já deixa seu like e vamos que vamos.

 

 

1. Primeiro vamos entrar no site: https://carbon.now.sh/

Screenshot_65.png

 

 

2. Feito isso é basicamente colar seu código ai e depois clicar no Export e pronto, porém vou ensinar como eu deixei o meu configurado.

Screenshot_66.pngScreenshot_67.pngScreenshot_68.png

 

 

3. Após isso seu código irá ficar exatamente assim:

carbon.png

 

Outro exemplo:

carbon (1).png

Bonito não é?

 

 

4. Na hora de exportar é só seguir:

Screenshot_69.png

 

Deixe o Size 4x e no Save as você baixa como PNG ou SVG.

  • Curtir (+1) 2
  • Amei (+1) 1



  • Comentários do tutorial

    • Esse efeito neon é tão bonito que parece que meu site vai sair do monitor e começar a brilhar na parede! 🌟 Só espero que meus olhos consigam lidar com tanto brilho hahaha. Muito obrigado por compartilhar esse tutorial incrível!
    • Eu já tava pensando em criar um cardápio digital, mas achava que ia ser algo super complicado envolvendo programação avançada e sacrifícios à deusa da tecnologia 🔮. Agora vejo que é só subir um PDF e gerar um QR Code. Muito obrigado por simplificar minha vida!"
    • Eu comecei a aprender JavaScript semana passada e até agora só consegui criar um alert('Hello World') que assustou minha mãe quando ela mexeu no meu computador hahaha. Mas sério, obrigado pela recomendação, vou dar uma olhada nesse curso pra ver se saio do nível 'alert' pro nível 'programador ninja'!
×
×
  • Criar Novo...

Informação Importante

Termos de Uso Política de Privacidade Regras