Web e design

Ferramentas

• Tags HTML: vazia (void), normal ou obsoleta

  Escolha uma tag HTML, como br, img ou center, e veja a função, se ela é vazia (sem fechamento) ou se está obsoleta.

• Gerador de sitemap.xml

  Cole os endereços do seu site, separados por vírgula, e copie o sitemap.xml com data de modificação opcional.

• Gerador de robots.txt

  Escolha o robô, os caminhos bloqueados e liberados e o sitemap, e copie o robots.txt pronto.

• Gerador de Redirect 301 (.htaccess e nginx)

  Gere a regra 301 para .htaccess (Apache) ou nginx, de uma página, do domínio, de HTTP para HTTPS ou de www para sem www, e copie.

• Tipos MIME por extensão: html, json, pdf, png e outros

  Escolha a extensão do arquivo, como json, pdf ou webp, e veja o tipo MIME para usar no Content-Type.

• Conversor de HTML e SVG para JSX (React)

  Cole HTML ou SVG bem formado e copie o JSX: class vira className, style vira objeto, atributos com hífen viram camelCase e as tags void são fechadas.

• Gerador de formulário HTML

  Escolha de 1 a 10 campos, o tipo e o rótulo de cada um, o método e o botão, e copie o código do formulário.

• Gerador de hreflang

  Informe o código e o endereço de cada idioma e copie as tags link rel alternate hreflang, com x-default opcional.

• Conversor de dp, sp, px e @2x/@3x (Android e iOS)

  Escolha a plataforma e o sentido, informe o valor e a densidade (Android) ou a escala @ (iOS) para converter entre dp ou pontos e pixels.

• Gerador de CSS transform

  Combine deslocamento, rotação, escala e inclinação e copie o transform com a origem.

• Gerador de animação CSS (keyframes)

  Monte o @keyframes de uma propriedade e a declaração animation com duração, repetição e direção.

• Gerador de CSS Grid

  Defina colunas, linhas e espaço entre elas e copie o CSS do container grid.

• Gerador de Flexbox CSS

  Escolha direção, alinhamentos, quebra e espaço e copie o CSS do container flex.

• Gerador de filtros CSS

  Ajuste desfoque, brilho, contraste, cor e copie a propriedade filter ou backdrop-filter.

• Gerador de cubic-bezier (easing CSS)

  Escolha uma curva pronta ou digite os pontos e copie o cubic-bezier para transition ou animation.

• Gerador de clip-path CSS

  Escolha círculo, elipse, recorte, triângulo ou polígono regular e copie o clip-path.

• Gerador de Content-Security-Policy

  Monte o cabeçalho Content-Security-Policy a partir de um ponto de partida editável, com modo somente relatório.

• Códigos de idioma: ISO 639 e tags BCP 47 como pt-BR

  Escolha uma tag de idioma, como pt-BR ou en-US, e veja o idioma, o código ISO 639-1 de duas letras e o ISO 639-2 de três letras.

• Gerador de ads.txt

  Informe o sistema de anúncios, o ID da conta e a relação e copie as linhas do ads.txt.

• Calculadora de grid: largura da coluna e gutter

  Largura de cada coluna de uma grade de layout a partir da largura total, do número de colunas, do gutter e das margens laterais, com a largura de um bloco que ocupa várias colunas.