Design e CSS
Gere cores práticas e CSS com uma pré-visualização local em tempo real.
Inventário de Proporção de Aspecto CSS
extraia declarações de proporção de aspeto e resuma as proporções únicas usadas por uma folha de estilo.
Abrir ferramenta →Verificador de posição fixa CSS
encontre regras de posicionamento sticky e informe se cada uma declara um limite de deslocamento utilizável.
Abrir ferramenta →Inventário de unidades de viewport CSS
inventário, unidades de viewport clássicas, pequenas, grandes e dinâmicas usadas no CSS colado.
Abrir ferramenta →Localizador de Declarações CSS Duplicadas
encontre propriedades declaradas mais de uma vez dentro da mesma regra CSS plana para revisão focada.
Abrir ferramenta →Inventário de transbordamento de CSS
declarações inventory overflow, overflow-x e overflow-y e resumir os valores de clipping e scrolling.
Abrir ferramenta →Inventário de Propriedades de Transição CSS
extraia propriedades CSS com transição de declarações abreviadas e de transition-property.
Abrir ferramenta →Inventário de altura da linha CSS
inventariar declarações de line-height e classificar valores sem unidade, relativos, absolutos e normais.
Abrir ferramenta →Verificador de CSS de foco visível
compare os seletores focus e focus-visible e identifique regras que suprimem contornos de foco do teclado.
Abrir ferramenta →Inventário de mídia de impressão CSS
blocos de mídia impressa de inventário e as declarações comumente usadas para formatar a saída impressa.
Abrir ferramenta →Verificador de movimento reduzido em CSS
inspecione regras prefers-reduced-motion e sinalize declarações de movimento sem um caminho explícito de redução.
Abrir ferramenta →Inventário de Exibição de Fontes CSS
inventarie estratégias de exibição de fontes dentro de regras @font-face e sinalize o comportamento de carregamento omitido.
Abrir ferramenta →Verificador de cores forçadas de CSS
inspecione consultas de mídia forced-colors e declarações forced-color-adjust para prontidão de alto contraste.
Abrir ferramenta →Inventário de Ação de Toque CSS
inventarie as declarações de touch-action e resuma as restrições de gestos no CSS colado.
Abrir ferramenta →Inventário de seleção do utilizador CSS
invente declarações user-select e regras de realce que desativam a seleção de texto.
Abrir ferramenta →Inventário de cores de destaque CSS
declarações de accent-color de inventário usadas para estilizar controles de formulário nativos.
Abrir ferramenta →Inventário da Propriedade CSS Scrollbar
inspecione as propriedades padrão da barra de rolagem e os seletores legados da barra de rolagem WebKit no CSS colado.
Abrir ferramenta →Gerador de Checkbox CSS Acessível
Crie uma caixa de seleção personalizada com estado marcado visível, contorno de foco de teclado e controles limitados de tamanho, raio e cor, depois copie o CSS completo localmente.
Abrir ferramenta →Gerador de Interruptor de Alternância CSS Acessível
Gere um interruptor alternativo responsivo baseado em caixa de seleção, com geometria coerente da pista e do botão deslizante, cores ativas e um tratamento de foco visível via teclado.
Abrir ferramenta →Gerador de Formas de Recorte CSS
Escolha uma predefinição geométrica delimitada e produza um polygon de clip-path pronto para padrões, com uma pré-visualização de cor em tempo real e sem dados de design carregados.
Abrir ferramenta →Gerador de Padrões de Fundo CSS
Crie fundos leves com pontos, grade ou listras diagonais a partir de gradientes CSS, com espaçamento controlado, largura do traço e cores em vez de ativos de imagem.
Abrir ferramenta →Gerador de Glassmorphism CSS Acessível
Componha um painel translúcido com cor de fallback, desfoque do fundo, borda, raio e valores de sombra enquanto visualiza o contraste sobre um fundo local controlado.
Abrir ferramenta →HTML para SVG Converter
Transforme um fragmento HTML higienizado em uma tela SVG escalável cujo texto e layout permaneçam nítidos em diferentes tamanhos de exibição.
Abrir ferramenta →Renderizador de HTML para PNG
Renderize HTML higienizado como uma imagem PNG sem perdas com um tamanho de tela explícito e um fundo opcional adequado à transparência.
Abrir ferramenta →HTML para JPG Converter
Converter HTML higienizado em uma tela JPEG fotográfica compacta para pré-visualizações, rascunhos de e-mail e artes para redes sociais que não precisam de transparência.
Abrir ferramenta →Não há ferramentas correspondentes nesta página.