Artículos
Guías prácticas para las herramientas en línea de SmartPlusLab.
-
Cómo generar código CSS Grid con columnas, filas y separaciones
Introduce las columnas, las filas y las separaciones que quieras para obtener una base de CSS Grid. Los números de columnas y filas reciben una sintaxis de repetición, mientras que el texto personalizado se conserva y las separaciones numéricas se expresan en píxeles.
-
Cómo generar un gradiente CSS paso a paso
Escribe el tipo, la dirección y los colores para obtener código CSS de un gradiente. `linear` activa la salida lineal con su dirección, mientras que otro texto de tipo conduce a un gradiente radial circular.
-
Cómo formatear CSS con indentación configurable
Permite dar formato a contenido CSS con una indentación configurable y elegir entre embellecimiento y minificación. Las entradas vacías producen un resultado vacío; las entradas no vacías están sujetas a comprobaciones de tipo, tamaño y procesamiento.
-
Cómo generar un fragmento CSS Flexbox paso a paso
Selecciona la dirección, la justificación, la alineación, el ajuste de línea y la separación, y genera el fragmento CSS. Si dejas una opción sin indicar, se aplican valores predeterminados para esa configuración.
-
Cómo buscar nombres de colores y códigos hexadecimales
Escribe un nombre de color o un hexadecimal de seis caracteres para buscar coincidencias; si no hay coincidencia directa, un hexadecimal válido puede devolver un color cercano. Cada resultado incluye nombre, hexadecimal en minúsculas y valores RGB.
-
Cómo generar un fragmento CSS clip-path para recortar formas
Selecciona una forma reconocida, configura tamaño y posición cuando corresponda y genera el fragmento CSS con `clip-path`. Si dejas las entradas vacías, se aplican `circle`, `50` y `center`.
-
Cómo generar una sombra CSS con box-shadow
Introduce los valores de desplazamiento, desenfoque, extensión y color, y activa la opción interior solo cuando la sombra deba quedar dentro del elemento. La herramienta genera una declaración CSS `box-shadow` con esos ajustes.
-
Cómo generar una animación CSS de entrada
Configura las cinco opciones disponibles para generar texto CSS con una entrada de opacidad y desplazamiento vertical; si omites valores, se aplican los ajustes predeterminados y la duración se expresa en segundos.
-
Cómo generar números de tarjetas falsos para pruebas
Indica una cantidad entre 1 y 20, elige un tipo admitido y activa los detalles opcionales si los necesitas. El generador devolverá números de tarjeta ficticios para pruebas, no credenciales para pagos.
-
Cómo calcular una cuenta atrás hasta una fecha y hora futuras
Introduce una fecha y una hora futuras con el formato `AAAA-MM-DD HH:MM` para obtener una instantánea del tiempo restante en segundos, días, horas, minutos y segundos. Si no indicas esos valores, se aplican una fecha y una hora predeterminadas.
-
Cómo calcular el interés compuesto con una calculadora
Introduce el capital, la tasa y el plazo, selecciona la capitalización y añade una aportación positiva si corresponde. La calculadora proyecta el crecimiento compuesto y redondea los importes a dos decimales.
-
Cómo generar tonos claros y oscuros de un color
Introduce un color hexadecimal, elige el número de pasos y decide si quieres variantes más claras, más oscuras o ambas. La herramienta devuelve los grupos seleccionados a partir del color indicado.