Caja de herramientas

Lo que salió de ideas ganadoras: JSON a YAML, cron en cristiano, probador de regex, Base64 en los dos sentidos, HTML a PHP, colores, esquemas accesibles —de un color de marca, un esquema claro u oscuro que cumple WCAG AA o AAA, visto al momento en una interfaz de prueba, con su contraste pareja a pareja y las variables CSS para copiar—, gradientes —lineales o radiales, con su ángulo, para copiar el CSS o bajar en PNG—, sombras —box-shadow de varias capas, también por dentro, sobre un cuadro de prueba—, efectos hover —eliges un botón, un enlace, una tarjeta, una imagen, un icono o una etiqueta y qué le pasa al pasar el cursor: colores, escala, giro, subida, sombra y opacidad, para verlo en vivo y copiar el CSS—, transiciones —qué cambia al pasar el ratón: color, tamaño, giro, escala, opacidad, sombra o desenfoque; cuánto dura y con qué curva cubic-bezier, que se edita arrastrando sus puntos, vista con el ratón encima o en bucle—, secuencias CSS —pasos en fila, cada uno con su efecto, su duración, su intensidad y su curva, moviéndose al momento en una línea de tiempo, para copiar un solo @keyframes—, animaciones de carga —anillo, puntos, barras, pulso, progreso, rejilla o volteo, con sus colores, su tamaño, su duración y su curva, moviéndose al momento, para copiar el HTML y el CSS—, animaciones SVG —una figura que se mueve, gira, crece o cambia de color, con su duración y su curva, para bajar el .svg animado—, parallax —capas de formas o imágenes tuyas, cada una a su velocidad, probadas con scroll en marcos de móvil, tablet y escritorio, con el HTML, el CSS y el JS para copiar—, maquetador —cajas, textos e imágenes que se arrastran y se estiran sobre una cuadrícula, con plantillas, márgenes y colores, para bajar como .html con su CSS—, responsivo —una página de ejemplo en móvil, tablet, escritorio o el ancho que marques, con sus columnas, huecos, letra, barra lateral y menú para cada tramo y el CSS con sus media queries—, sitios estáticos —una plantilla de portada, portfolio, artículo o enlaces con tus textos, colores y letra, vista al momento en escritorio o móvil, para bajar el index.html con su estilos.css—, análisis de imagen —histograma, brillo, contraste y la paleta de la foto: dominante, viva, clara u oscura, para bajar en CSS o en PNG, sin que la imagen salga de tu navegador—, superposición —dos capturas de una web, una encima de otra, con opacidad, cortinilla o modo diferencia para ver qué cambia—, patrones de fondo —una figura en trama con sus colores y su opacidad, quieta o animada, y encima una textura de grano, papel, fibras o nubes—, flechas CSS —un fondo de flechas con su forma, dirección, tamaño y color, para copiar el CSS—, favicon —una cuadrícula de 16 × 16 que se pinta píxel a píxel, con lápiz, goma, cubo y cuentagotas, para bajar en PNG al tamaño que haga falta—, gráficos de datos —de una tabla o un CSV a SVG y PNG—, líneas —varias series con su color y su trazo, curvas o rectas, con área y línea de tendencia, para ver hacia dónde va cada una y bajarlo en SVG o PNG—, diagramas de flujo —nodos que se arrastran y se unen con flechas, guardados en tu navegador—, infografías —plantillas con cifras, textos, pasos y barras, con sus iconos, sus colores y su letra, para bajar en PNG, PDF o SVG—, currículum —plantilla clásica, lateral o compacta, tus datos y las secciones que quieras, con sus colores y su letra, visto al momento en una hoja A4 para bajar en PDF—, ASCII art —tu texto en letras grandes, en varios estilos, para copiar o bajar como .txt—, tema —claro u oscuro, con plantillas de color— y config. Cada pestaña tiene su propio enlace para compartirla.