Esta propiedad indica como se puede redimendionar para ajustarse a un ocntenedor, en este caso vamos a ver el "object-fit:cover"
En esta propiedad el contenido se dimensiona para mantener su relación de aspecto pra llenar el contenido al que pertenece, esto puede ser muy útil para una imagen en el contenido de una página o carrusel.
https://t.co/25zPVsYlQZ empresa Colombiana de Publicidad y desarrollo web #vybros #publicidad #desarrollo #desarrolloweb
— Julian (@juli6464) October 27, 2020
Hay casos en los que queremos que en javascript solo la persona pueda escribir letras en un campo de formulario, con el siguiente código se convierte automáticamente las letras minúsculas en mayúsculas:
obj.value = obj.value.replace(/[^A-Z-a-z]/g,'').toUpperCase();
Es común ver que las páginas usan sonidos al hacer click en botones y esto hace que mejore la experiencia de usuario y para esto podemos usar el siguiente código:
<button class="sonido">Nombre_Boton</button>
<audio src=""></audio>
<script>
let boton = document.querySelector(".sonido")
let audioEtiqueta = document.querySelector("audio")
boton.addEventListener("click", () => {
audioEtiqueta.setAttribute("src", "nombre_del_audio")
audioEtiqueta.play()
console.log(`Reproduciendo: ${audioEtiqueta.src}`)
})
</script>
8 trucos de diseño UX-UI para que los usuarios se enamoren de tu web https://t.co/sgGa3ffq5r via @inboundcycle
— Julian (@juli6464) September 9, 2020
Pasos para la ejecución de una campaña SEO https://t.co/ocHpQnVH85 via @wordpressdotcom #seo #marketing #posicionamientoweb
— Julian (@juli6464) August 3, 2020
#Throwback to August 1997 with Oasis performing 'It’s Getting’ Better (Man!)' live at Air Studios, London, originally broadcast on the 'Right Here Right Now' documentary.https://t.co/EakII0CIuI
— Oasis (@oasis) August 3, 2020
