Pregunta 1: Propiedades Derivadas de Animation

animation-delay: Define el tiempo de espera antes de iniciar la animación (en milisegundos o segundos).

animation-duration: Establece la duración total de la animación (en milisegundos o segundos).

animation-iteration-count: Determina el número de veces que se repite la animación.

animation-name: Asigna un nombre a la animación para su identificación.

Pregunta 2: Definición de Media Queries

Las media queries se definen con la regla @media seguida de las propiedades y valores a evaluar:

• width: Ancho del viewport.
• height: Alto del viewport.
• aspect-ratio: Relación de aspecto del viewport (e.j., 4/3, 16/9).
• orientation: Orientación del dispositivo (portrait o landscape).
• device-width: Ancho del dispositivo.
• device-height: Alto del dispositivo.
• device-aspect-ratio: Relación de aspecto del dispositivo.
• color: Profundidad de color del dispositivo.
• resolution: Resolución de la pantalla.

Pregunta 3: Variables en Less.css

Las variables en Less.css permiten almacenar valores reutilizables, mejorando la organización y mantenimiento del código. Se definen con un signo @ seguido del nombre de la variable y su valor.

Ejemplo:

@color-primario: #ff0000;

Para usar la variable:

h1 { color: @color-primario; }

Pregunta 4: Selector de jQuery

La función selectora de jQuery permite seleccionar elementos del DOM usando sintaxis CSS o crear nuevos elementos HTML.

Ejemplos:

• Seleccionar por clase: $('.nombreClase')
• Crear un párrafo: $('

  Nuevo párrafo

  ')

• Envolver el body: $(document.body)

Pregunta 5: Inserción y Borrado en el DOM con jQuery

• insertBefore(): Inserta un elemento antes de otro elemento de referencia.
• appendTo(): Agrega un elemento al final de otro elemento.
• append(): Similar a appendTo(), pero se encadena al elemento que se va a insertar.
• prepend(): Agrega un elemento al principio de otro elemento.
• clone(): Crea una copia profunda de un elemento, incluyendo sus descendientes.

Pregunta 6: Funciones wrap y wrapAll de jQuery

• wrap(): Envuelve cada elemento seleccionado en un elemento contenedor.
• wrapAll(): Envuelve todos los elementos seleccionados en un único elemento contenedor.

Ejemplo de wrap:

$('p').wrap('

');

Ejemplo de wrapAll:

$('p').wrapAll('

');

Pregunta 7: Manipulación de Atributos con jQuery

jQuery facilita la manipulación de atributos de elementos del DOM. La función toggleClass() agrega o elimina una clase de un elemento según su estado actual.

Ejemplo:

$('#caja').toggleClass('pulsada');

Pregunta 8: Usabilidad

La usabilidad se refiere a la facilidad de uso de un producto, considerando su eficacia, eficiencia y satisfacción del usuario.

Atributos cuantificables:

• Eficacia: Número de errores cometidos.
• Eficiencia: Tiempo empleado para completar tareas.

Atributos subjetivos:

• Satisfacción del usuario.