HTML

Clonando Sites Estáticos com wget – Tutorial Profundo

Introdução Se você precisa clonar um site inteiro para estudos, backups, testes offline ou análise estrutural, o wget pode ser a ferramenta ideal. É leve, nativo em sistemas Linux e funciona perfeitamente para sites com conteúdo estático (HTML, CSS, JS e imagens). Neste post, será apresentado um comando completo para realizar esse tipo de clonagem […]

Clonando Sites Estáticos com wget – Tutorial Profundo Read More »

Criando um Joguinho Runner em JavaScript no navegador [estilo dinossauro do Chrome (sem o dinossauro por direitos autorais haha)]

Se você está procurando aprender como criar um jogo básico de plataforma com HTML5 e JavaScript, este post é para você! Vamos explorar um jogo estilo runner, onde o objetivo é controlar um bloco que precisa pular para evitar obstáculos. O que vamos construir: Estrutura do código Vamos dividir o código em duas partes principais:

Criando um Joguinho Runner em JavaScript no navegador [estilo dinossauro do Chrome (sem o dinossauro por direitos autorais haha)] Read More »

Fancybox: Guia Definitivo – Imagens, Vídeos, iFrames e Conteúdo Customizado

Fancybox é uma biblioteca leve de JavaScript/jQuery usada para exibir imagens, vídeos, iFrames e qualquer conteúdo HTML dentro de uma sobreposição modal com navegação elegante. Mesmo sendo simples, é cheia de recursos úteis. Instalação CDN (recomendado para testes e projetos rápidos) Obs: O Fancybox v5 não precisa mais de jQuery. Exibindo uma imagem HTML data-fancybox=”gallery”

Fancybox: Guia Definitivo – Imagens, Vídeos, iFrames e Conteúdo Customizado Read More »

CGI na prática: criando APIs e scripts dinâmicos no Apache sem depender de frameworks [exemplo real com asterisk log]

Introdução CGI (Common Gateway Interface) é uma das formas mais diretas de executar scripts dinâmicos em servidores web. É simples, funcional e ainda muito útil para cenários onde controle, leveza e independência de frameworks são prioridade. Em vez de depender de containers, linguagens específicas ou estruturas engessadas, o CGI permite que você escreva scripts em

CGI na prática: criando APIs e scripts dinâmicos no Apache sem depender de frameworks [exemplo real com asterisk log] Read More »

Como Integrar o LeafletJS com Dados Externos Usando Apenas o Front-end

Este post apresenta uma implementação direta de mapas com LeafletJS alimentados por dados externos, usando apenas HTML, CSS e JavaScript. Ideal para aplicações que necessitam exibir múltiplos pontos geográficos de forma leve e rápida. 1. Setup Mínimo Crie um arquivo index.html com o seguinte conteúdo: <!DOCTYPE html><html><head> <meta charset=”utf-8″> <title>Mapa com LeafletJS</title> <link rel=”stylesheet” href=”https://unpkg.com/leaflet/dist/leaflet.css”

Como Integrar o LeafletJS com Dados Externos Usando Apenas o Front-end Read More »

Abrir Modal Automaticamente com Bootstrap se Banco Pedir (sem PDO, sem frescura)

O objetivo: Você quer que, ao carregar a página, o sistema cheque no banco de dados se o usuário precisa fazer alguma ação (como alterar a senha). Se sim, exibe um modal Bootstrap automaticamente. Se não, vida que segue. Estrutura do banco (resumo rápido) Suponha uma tabela de usuários assim: Se alterar = 1, o

Abrir Modal Automaticamente com Bootstrap se Banco Pedir (sem PDO, sem frescura) Read More »

Como enviar um formulário para dois destinos ao mesmo tempo (sem causar um colapso na Matrix)

Porque um submit é pouco, dois é bom, e três o Mikrotik bloqueia. Introdução Você já tentou enviar dados para o Mikrotik e para um WebHook ao mesmo tempo? Não? Então você vive uma vida tranquila demais. Neste tutorial, vamos complicar o simples: validar um CPF, mascará-lo, enviar para um webhook invisível, e ainda logar

Como enviar um formulário para dois destinos ao mesmo tempo (sem causar um colapso na Matrix) Read More »

Como Criar um Captive Portal Simples e Funcional no MikroTik

Se você já tentou configurar um captive portal no MikroTik, sabe que pode ser uma dor de cabeça liberar o acesso de usuários sem precisar de autenticação tradicional. Mas e se eu te disser que dá pra fazer isso de forma simples, registrando a sessão do usuário e liberando ele automaticamente? O Problema Muitas soluções

Como Criar um Captive Portal Simples e Funcional no MikroTik Read More »

Rolar para cima