Biblioteca
Configuraciones y ejemplos seleccionados, listos para copiar y pegar: degradados CSS y más, gratis y disponibles para todos.
Degradados CSS predefinidos24Una selección de degradados CSS listos para usar. Haz clic en una muestra para copiar el valor de `background`, o abre la herramienta de degradados para ajustar el ángulo y los colores.
Paletas de colores predefinidas16Una selección de paletas de 5 colores, listas para copiar como códigos hexadecimales. Cada una muestra la relación de contraste entre su color más claro y el más oscuro, para que sepas de un vistazo si permiten que el texto sea legible.
Ejemplos de programación con cron23Expresiones cron listas para copiar con horarios de uso habitual: consultas cada cinco minutos, mañanas entre semana, procesos nocturnos por lotes y cierres de mes. Haz clic en una tarjeta para copiar la expresión estándar de 5 campos, o pégala en la herramienta cron para ver una explicación en lenguaje sencillo y las próximas horas de ejecución. La franja de cada tarjeta indica cuándo se ejecuta la tarea a lo largo del día, la semana, el mes o el año.
Patrones de validación con expresiones regulares16Dieciséis patrones de expresiones regulares para las tareas de validación y limpieza de texto más habituales: correo electrónico, URL, teléfono, seguridad de contraseñas, identificadores, fechas y un par de ayudas para buscar y reemplazar. Haz clic en una tarjeta para copiar solo el patrón, sin barras ni modificadores, y pégalo en el campo Patrón de la herramienta de expresiones regulares para probarlo con texto real. La mayoría de los patrones de esta página están anclados (^...$) para validar la cadena completa; los que eliminan etiquetas y espacios en blanco no están anclados, por lo que encuentran todas las coincidencias dentro de un texto más largo.
Curvas de aceleración CSS22Curvas de aceleración cubic-bezier listas para copiar en transiciones y animaciones CSS: las familias clásicas sine, quad, cubic, quart y expo, además de curvas back que sobrepasan ligeramente el límite. Cada muestra dibuja la curva real: el progreso va de izquierda a derecha y el valor, de abajo arriba. Haz clic en una tarjeta para copiar el valor de timing-function.
Patrones de fondo SVG12Patrones SVG de fondo que se repiten sin cortes, listos para copiar y pegar como valores de background en CSS: puntos, rayas, cuadrículas, ondas y más. El mosaico se incluye como URI de datos, sin solicitudes adicionales ni archivos que alojar. Haz clic en una tarjeta para copiar el valor y cambia los dos colores hexadecimales para adaptarlos a tu paleta.
Ejemplos de Content-Security-Policy11Valores de la cabecera Content-Security-Policy listos para copiar y usar en configuraciones habituales: una base estricta, Google Fonts, analítica, videos de YouTube incrustados, scripts con nonce y protección contra clickjacking. Haz clic en una tarjeta para copiar la política y úsala como valor de la cabecera Content-Security-Policy (cada ejemplo indica qué permite). La franja de cada tarjeta muestra un bloque por directiva; los bloques de color ámbar contienen una fuente unsafe-* que conviene revisar.
Reglas de robots.txt para rastreadores de IA8Los rastreadores de las empresas de IA no respetan robots.txt en la misma medida, así que solo funciona si conoces el nombre de los rastreadores de cada empresa y los escribes por separado. Bloquear solo el rastreo para entrenamiento, mantener la visibilidad en búsquedas, ralentizar el rastreo o bloquear todos los nombres publicados: haz clic en una tarjeta para copiar las líneas que van en robots.txt. Cada tarjeta lleva una línea sobre lo que la documentación de esa empresa dice que respeta su rastreador. La franja de cada tarjeta muestra un bloque por grupo User-agent: rojo bloquea, verde permite y amarillo solo ralentiza.