AdSense Placeholder (Topo - Leaderboard 728x90 ou Responsivo)

Release Notes

Histórico de atualizações e melhorias do DevPocket

v1.0 — Lançamento Inicial

12 de julho de 2026

✅ Novo

  • ✅ Lançamento oficial do DevPocket com 27 ferramentas gratuitas para desenvolvedores.
  • Formatadores e Validadores: JSON Formatter, JSON Validator, SQL Formatter, XML Beautifier, JSON para YAML.
  • Codificadores e Decodificadores: Base64 Encode/Decode, HTML Entities, UTF8 Encode/Decode, URL Encode/Decode, JWT Decoder.
  • Geradores: UUID Generator, Gerador de CPF/CNPJ, Hash (MD5/SHA), Gerador de Senhas, Gerador de Cartão de Crédito, Gerador de QR Code.
  • Testadores e Utilitários de Texto: Regex Tester, Minifier, Lorem Ipsum, Comparador de Texto (Diff), Formatador e Contador de Texto.
  • Utilitários: Color Picker, Tabela ASCII, Conversor de Imagens, HP12C Clone (GO01B), Gerador de Cron, Conversor de Timestamp Unix.
  • ✅ Interface Dark Mode nativa com paleta de alto contraste.
  • ✅ Layout responsivo com Bootstrap 5.3 e navegação por categorias.
  • ✅ Processamento 100% client-side — nenhum dado enviado a servidores.

🔧 Melhorias e Correções

  • 🔧 Template padronizado com placeholders para SEO, Open Graph e JSON-LD.
  • 🔧 Correção de metadados SEO: description, canonical e og:url agora utilizam placeholders dinâmicos.
  • 🔧 Cores inline substituídas por variáveis CSS (var(--devpocket-*)) para facilitar manutenção.
  • 🔧 JavaScript de votação (👍/👎) centralizado no components.js, eliminando ~840 linhas duplicadas.
  • 🔧 Botão "Copiar" refatorado para usar classes CSS (.btn-copied) em vez de estilos inline.
  • 🔧 Tracking GA4 padronizado com data-tool-name em snake_case e data-track-action em minúsculas.
  • 🔧 Eventos de sucesso adicionados em 8 ferramentas que estavam sem tracking.
  • 🔧 Parâmetros de erro do trackToolEvent corrigidos em 2 ferramentas.

♿ Acessibilidade

  • aria-live="polite" adicionado em campos de saída de todas as ferramentas.
  • aria-label e aria-hidden preservados em badges, botões de voto e placeholders.
  • role="alert" mantido em mensagens de erro dinâmicas e banner de cookies.
  • ♿ Contraste de cor WCAG AA verificado em toda a interface.

📈 SEO

  • 📈 <meta name="theme-color"> adicionado para barra de endereço mobile.
  • 📈 Tags Open Graph e JSON-LD adicionadas na página inicial.
  • 📈 Página inicial redesenhada com vitrine dinâmica: 1 ferramenta em destaque + 6 aleatórias.
  • 📈 Conteúdo textual SEO em todas as páginas de ferramentas (h2 + 2 parágrafos).

💰 AdSense

  • 💰 Placeholders de anúncio posicionados em todas as páginas (topo, box, lateral).
  • 💰 Placeholders ocultos via display: none !important para aprovação de layout.
  • 💰 Banner de cookies com consentimento LGPD e carregamento condicional do GA4.

AdSense (Ferramenta - Banner Horizontal)