Biblioteca Utiliz

Códigos úteis, explicados e prontos para adaptar.

Encontre trechos de HTML, CSS, JavaScript, PHP, SQL e configuração de servidor. Cada exemplo explica quando usar, o que alterar e quais cuidados tomar.

Biblioteca feita para resolver, não para decorar

Os exemplos são curtos o bastante para copiar e completos o bastante para entender. Antes de usar em produção, leia a explicação e adapte nomes, endereços e regras ao seu projeto.

15
códigos revisados
HTML html

Estrutura HTML semântica para uma página

Um ponto de partida enxuto para páginas acessíveis, com cabeçalho, navegação, conteúdo principal e rodapé.

Ver código
SEO html

Meta tags essenciais para SEO e compartilhamento

Modelo de title, description, canonical e Open Graph para adaptar em páginas que tenham uma URL pública própria.

Ver código
HTML html

Imagem responsiva com largura, altura e texto alternativo

Exemplo de imagem que se adapta à tela, reserva espaço no carregamento e oferece uma alternativa textual útil.

Ver código
CSS css

Centralizar conteúdo com CSS Grid

A forma curta de centralizar um elemento horizontal e verticalmente, sem posicionamento absoluto.

Ver código
CSS css

Grade de cards responsiva sem media query

Uma grade fluida que cria tantas colunas quanto couberem e reorganiza os cards automaticamente.

Ver código
CSS css

Limitar texto a duas ou três linhas com CSS

Recorte visual para resumos de cards, preservando o texto completo no HTML.

Ver código
JavaScript javascript

Botão para copiar texto com Clipboard API

Função de cópia com retorno visual e alternativa para navegadores sem acesso à API moderna.

Ver código
JavaScript javascript

Debounce para campos de busca

Evita executar uma busca pesada a cada tecla e dispara a ação somente depois de uma pequena pausa.

Ver código
JavaScript javascript

Ler e atualizar parâmetros da URL com JavaScript

Manipule filtros compartilháveis como ?categoria=css&ordem=recentes sem concatenar strings manualmente.

Ver código
PHP php

Responder JSON corretamente em PHP

Modelo pequeno para APIs PHP com cabeçalho correto, código HTTP e serialização segura em UTF-8.

Ver código
PHP php

Consulta segura com PDO e parâmetros nomeados

Exemplo de consulta PHP sem inserir diretamente a entrada do usuário no comando SQL.

Ver código
SQL sql

Paginação SQL com LIMIT e OFFSET

Consulta base para dividir resultados em páginas com uma ordenação estável.

Ver código
Servidor apache

Redirecionar HTTP para HTTPS no .htaccess

Regra para servidores Apache enviarem toda visita insegura à mesma URL usando HTTPS.

Ver código
Servidor apache

Cabeçalhos básicos de segurança no Apache

Conjunto inicial contra interpretação incorreta de arquivos, enquadramento por terceiros e vazamento de referrer.

Ver código
Git gitignore

.gitignore para um projeto web

Base conservadora que evita versionar dependências, segredos locais, logs e arquivos gerados.

Ver código

Como usar os códigos do Utiliz

Copiar um trecho é apenas o começo. Confira a linguagem e o ambiente, leia os cuidados, substitua dados de exemplo e teste em um local seguro antes de publicar. Códigos ligados a autenticação, pagamentos e dados pessoais exigem revisão especializada.

A biblioteca prioriza soluções pequenas e verificáveis. Variações quase idênticas não ganham páginas separadas: elas ficam reunidas na explicação do exemplo principal.