Live page Click here
Este es un proyecto de práctica en el cual nos Desafiamos ha realizar un Drumk Kit. En este desafío trato de demostrar mis habilidades de maquetado con Tailwind y JavaScript.
Los usuarios deben ser capaces de:
-
Ver estados de desplazamiento para elementos interactivos.
-
Ver el diseño óptimo según el tamaño de pantalla de su dispositivo.
-
Escuchar el sonido que emite al precionar la tecla indicada.
- Semantic HTML5 markup
- CSS custom properties
- Tailwind
- Media queries
- DOM
Me gusto mucho poder hacer este reto. Experimente cosas sobre las que me he estado preguntando durante mucho tiempo y esas son los eventos del teclado, el cual ya tengo una idea más clara, tambien a jugar un poco con el código, cada tecla tiene un sonido específico.
Durante la ejecución del código, se utilizaron varios métodos en JavaScript, dejamos aquí algunos de ellos para facilitar sus búsquedas en el proceso de estudio addEventListener() | innerText | classList | Tailwind
- Linkedin - Daniel Villegas
- Instagram - @ddaniel.vill
- CodePen - @dDesing