Deseño e CSS
Xera cores prácticas e CSS cunha vista previa local en directo.
Inventario de proporción de aspecto CSS
extrae as declaracións de relación de aspecto e resume as proporcións únicas usadas por unha folla de estilo.
Abrir ferramenta →Comprobador de posición pegadiza CSS
atopar as regras de posición fixa e informar se cada unha declara un límite de inserción utilizable.
Abrir ferramenta →Inventario de unidades de viewport CSS
unidades de viewport clásicas, pequenas, grandes e dinámicas usadas no CSS pegado.
Abrir ferramenta →Buscador de declaracións CSS duplicadas
atopar propiedades declaradas máis dunha vez dentro da mesma regra CSS plana para revisión enfocada.
Abrir ferramenta →Inventario de desbordamento de CSS
desbordamento do inventario, declaracións overflow-x e overflow-y e resumir os valores de recorte e desprazamento.
Abrir ferramenta →Inventario de propiedades de transición CSS
extrae as propiedades CSS con transición das declaracións abreviadas e das declaracións transition-property.
Abrir ferramenta →Inventario da altura de liña CSS
declaracións de altura de liña do inventario e clasifica valores sen unidade, relativos, absolutos e normais.
Abrir ferramenta →Comprobador de CSS Focus Visible
compara os selectores focus e focus-visible e sinala as regras que suprimen os contornos de foco do teclado.
Abrir ferramenta →Inventario de medios de impresión CSS
inventario, bloques de medios impresos e as declaracións de uso común para dar forma á saída impresa.
Abrir ferramenta →Comprobador de movemento reducido CSS
inspecciona as regras prefers-reduced-motion e sinala as declaracións de movemento sen unha ruta de redución explícita.
Abrir ferramenta →Inventario de visualización de fontes CSS
inventariar estratexias de visualización de fontes dentro das regras font-face e sinalar o comportamento de carga omitido.
Abrir ferramenta →Comprobador de cores forzadas CSS
inspeccionar as consultas de medios de cores forzadas e as declaracións forced-color-adjust para a preparación para alto contraste.
Abrir ferramenta →Inventario de acción táctil de CSS
declarações touch-action de inventario e resume as restricións de xestos no CSS pegado.
Abrir ferramenta →Inventario de selección de usuario en CSS
declaracións user-select de inventario e regras de realce que desactivan a selección de texto.
Abrir ferramenta →Inventario de cores de acento CSS
inventariar as declaracións de accent-color usadas para dar estilo aos controis nativos de formularios.
Abrir ferramenta →Inventario da propiedade da barra de desprazamento CSS
inspecciona as propiedades estándar da barra de desprazamento e os selectores heredados de scrollbar de webkit no CSS pegado.
Abrir ferramenta →Xerador accesible de caixas de verificación CSS
Constrúe unha caixa de verificación personalizada cun estado marcado visible, anel de foco do teclado e controis de tamaño, radio e cor delimitados, e despois copia o CSS completo localmente.
Abrir ferramenta →Xerador accesible de interruptor alternativo CSS
Xera un interruptor alternador responsivo baseado en caixas de verificación con xeometría coherente da vía e do botón deslizante, cores activas e un tratamento de foco visible co teclado.
Abrir ferramenta →Xerador de formas de ruta de recorte CSS
Escolla un predefinido xeométrico acoutado e xere un polígono clip-path listo para estándares con unha vista previa en cor en directo e sen datos de deseño cargados.
Abrir ferramenta →Xerador de patróns de fondo CSS
Crea fondos lixeiros de puntos, cuadrícula ou raias diagonais a partir de gradientes CSS, con espazado, grosor de trazo e cores controlados no canto de recursos de imaxe.
Abrir ferramenta →Xerador de glassmorphism CSS accesible
Compón un panel translúcido con cor de reserva, desenfoque do fondo, bordo, radio e valores de sombra mentres previsualizas o contraste sobre un fondo local controlado.
Abrir ferramenta →Renderizador de HTML a SVG
Converte un fragmento HTML saneado nun lenzo SVG escalable cuxo texto e deseño se manteñan nítidos a diferentes tamaños de pantalla.
Abrir ferramenta →Renderizador de HTML a PNG
Renderiza HTML saneado como unha imaxe PNG sen perdas cun tamaño de lenzo explícito e un fondo opcional compatible coa transparencia.
Abrir ferramenta →Renderizador de HTML a JPG
Converter HTML saneado nun lenzo JPEG fotográfico compacto para vistas previas, borradores de correo electrónico e contido artístico para redes sociais que non precisan transparencia.
Abrir ferramenta →Non hai ferramentas coincidentes nesta páxina.