Vivimos en un mundo donde todo se debe adaptar, incluso las páginas web 💻💡#branding #creatividad #desarrolloweb💻 #diseñoresponsive #desarrolloapp #vybros

Vivimos en un mundo donde todo se debe adaptar, incluso las páginas web 💻💡#branding #creatividad #desarrolloweb💻 #diseñoresponsive #desarrolloapp #vybros

— Julian (@juli6464) November 14, 2020

from Twitter https://twitter.com/juli6464

Challenge accepted @charlygarcia120 #javascript https://t.co/VdAjjH3Z03

Challenge accepted @charlygarcia120 #javascript pic.twitter.com/VdAjjH3Z03

— Julian (@juli6464) November 5, 2020

from Twitter https://twitter.com/juli6464

Propiedad css para dimensionar imagen en un contenedor

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

https://t.co/25zPVsYlQZ empresa Colombiana de Publicidad y desarrollo web #vybros #publicidad #desarrollo #desarrolloweb

— Julian (@juli6464) October 27, 2020

from Twitter https://twitter.com/juli6464

Cómo convertir automaticamente en mayúscula las letras en Javascript

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();

Cómo dar sonido a un Botón en html con javascript

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

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

from Twitter https://twitter.com/juli6464