JS


  • Código JS de Scroll Suave para Links Ancoras

    Nesse post, eu compartilho um código simples para adicionar um scroll suave nos links âncoras do seu site utilizando JavaScript. ... Continue a ler.

  • Barra de progresso para scroll da página com imagem na ponta (CSS + JS)

    Nessa publicação, eu vou fornecer um trecho de código que você pode utilizar para criar uma barra de progresso quando o usuário estiver descendo a página e com o adicional de poder colocar uma imagem na ponta da barra de progresso que se movimenta. Muito útil caso você queira utilizar uma imagem que simula que […] ... Continue a ler.

  • Box flutuante de “arraste para ver mais” apontando para a direita com CSS e JS

    Neste post eu vou lhe fornecer um código CSS e JavaScript para você adicionar um box flutuante em cima de algum conteúdo que tem que ser arrastado para a direita onde esse box vai ter a mensagem arraste para ver mais e com o efeito de animação. ... Continue a ler.

  • Código N8N para criar JSON com dados Texto separados por linha

    Nesse post vou mostrar um código bem simples para usar no N8N, para formatar dados em texto simples que vem separado por linha, com chave e valor. Dados de entrada: Expressão criada: Dados de saida: ... Continue a ler.

  • Modal/Popup HTML e JS com abertura automática

    Nesse post vou deixar um trecho de código em HTML, CSS e JS para criar um Modal simples que abre assim que a página é carregada. ... Continue a ler.

  • Código JavaScript para descriptografar mensagem Base32

    Aqui está um exemplo de código JavaScript que pode ser usado para descriptografar uma mensagem codificada em Base32, segue abaixo: ... Continue a ler.

  • Código JavaScript para adicionar no Acordião do Elementor para evitar problemas de SEO

    O código abaixo foi desenvolvido para alterar a estrutura HTML padrão do idget de acordeão do editor de tema Elementor, para que você não sofra penalidades de SEO, principalmente na análise da ferramenta do Google PageSpeed. Esse código possibilita que você altere o atributo padrão do acordeão para que ele seja indexado da maneira correta. ... Continue a ler.

  • Campo anexar arquivo (File Input) personalizado no Formulário do Elementor com CSS + JS

    Nesse post eu vou te mostrar como você pode personalizar o campo de anexar arquivos do formulário do Elementor para que ele fique com uma estética muito mais agradável, apenas utilizando um pouco de CSS JavaScript personalizado. Primeiramente você precisa adicionar este script CSS em “Avançado > Custom CSS” no seu widget de formulário: Depois, […] ... Continue a ler.

  • Botão de Voltar Inteligente no Seu Site com JavaScript

    Adicionar um botão de “voltar” em seu site pode melhorar a experiência do usuário, mas e se você quiser garantir que o botão funcione apenas para páginas dentro do seu domínio? Neste post, vamos mostrar como criar um botão de voltar inteligente com JavaScript que verifica a origem da página anterior. Caso o usuário tenha […] ... Continue a ler.