HTML


  • [Download] Construa o Seu Próprio Cronometro Online com HTML, CSS e JS

    Neste artigo vou disponibilizar todo o código de um cronometro online que usa pouco código HTML, CSS e JavaScript para rodar. Ele pode ser instalado facilmente em qualquer hospedagem simples, e roda muito bem. Você pode testar ele online neste link: https://tools.webmaster.dev.br/cronometro-online/ Segue os códigos abaixo para estudo e implementação: Arquivo (index.html): Arquivo (script.js): Arquivo […] ... Continue a ler.

  • Como Adicionar Mascara (Formatação) de Telefone/Celular em Campo Input HTML c/ JavaScript

    Se você precisa criar uma máscara para formatar o campo de telefone ou celular da sua aplicação online, você pode utilizar este código JavaScript abaixo: Após adicionar o código JavaScript, apenas adicione a Class sp_celphones, no campo que deseja formatar.  Caso precise personalizar a sua formatação, edite a linha correspondente abaixo:  Espero ter ajudado. ... Continue a ler.

  • Janela Modal (Popup) com HTML, CSS e JS simplificado

    Se você precisa adicionar um modal em sua pagina online, este código pode lhe ajudar. É um código bem simples que vou mostrar logo abaixo como adicionar, e também, vou mostrar como personalizar. Primeiramente precisamos adicionar em nosso site, o código padrão, que é composto por HTML e JS, que não vai mudar, e um […] ... Continue a ler.

  • Slide HTML + JS com SplideJS

    Caso você precise de um slide simples que use HTML + JS, você pode usar essa biblioteca SplideJS para isso, veja o código de exemplo abaixo: ... Continue a ler.

  • Código HTML + CSS Para Adicionar Banner Responsivo no Site (Desktop e Mobile)

    Se você está precisando adicionar banners no seu site ou no site do seu cliente, porém precisa que a informação do Banner apareça de forma responsiva em todos os dispositivos, tanto desktop quanto mobile, este código é pra você. Logo abaixo, disponibilizo um código em html e CSS, que possibilite você adicionar dois tipos de […] ... Continue a ler.

  • Checkbox Switch para Orçamento no WhatsApp (HTML + JS)

    Esta calculadora é capaz de somar e multiplicar os serviços presentes na lista pré-programada e depois que o usuario esta satisfeito com a quantidade de itens adicionados, pode clicar no botão abaixo para enviar seu pedido completo via WhatsApp: Segue playground para analise e testes: https://replit.com/@brunoalbim/Checkbox-Switch-para-Orcamento-no-WhatsApp Segue código fonte abaixo: ... Continue a ler.

  • Blocos de Informações para Loja Online HTML + CSS

    Quer adicionar uma seção simples com informações como frete grátis, pagamento e segurança em sua loja virtual ou do seu cliente? Então o código abaixo pode te ajudar. Abaixo vou disponibilizar um código simples HTML + CSS que você pode adicionar em seu site e customizar como quiser: ... Continue a ler.

  • Adicionar Código Dentro de Arquivos HTML sem Precisar Editar Um por Um

    Vamos supor que você tenha um site todo feito em HTML ou um diretório cheio de paginas HTML e precisa adicionar um script personalizado em cada uma das paginas .html porem não quer ter o trabalho de editar arquivo por arquivo. Para fazer isso, você pode criar um arquivo .htaccess em seu servidor apache com […] ... Continue a ler.