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: […]
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 »
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
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 »
Quer melhorar o atendimento ao cliente e aumentar as conversões no seu site? Um botão flutuante de WhatsApp pode ser a solução perfeita! Com ele, seus visitantes podem entrar em contato com você em apenas um clique, diretamente pelo WhatsApp. Por que usar um chat de WhatsApp no seu site? ✅ Atendimento rápido e pessoal
Como Adicionar um Chat de WhatsApp ao Seu Site Read More »
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 »
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
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 »
Se você precisa proteger a URL do seu PDF enquanto exibe ele em uma página, uma solução eficiente e simples pode ser usar PHP, proxy, e um iframe com o visualizador de PDF PDF.js. Isso permite que você carregue o arquivo sem expor sua URL real para o cliente. Aqui está o que vamos fazer:
Como Exibir PDFs de Forma Segura com Proxy e Iframe Read More »
Quando estamos desenvolvendo com módulos JavaScript e trabalhando com diferentes origens (cross-origin), dois desafios comuns surgem: a configuração de CORS (Cross-Origin Resource Sharing) e a correção do erro de MIME type ao carregar módulos. Vamos resolver esses problemas de uma vez! Problema 1: CORS – Permitir Requisições Entre Diferentes Origens O CORS é um mecanismo
Como Configurar CORS e MIME Types para Módulos JavaScript no Seu Servidor Read More »
