Bobinas P4G
  • Login
  • Public

    • Public
    • Groups
    • Popular
    • People

Conversation

Notices

  1. Son Link :firedoge: 🐧 (son_link@mastodon.social)'s status on Monday, 23-Oct-2023 14:01:44 UTC Son Link :firedoge: 🐧 Son Link :firedoge: 🐧

    Hoy me ha dado por programar un reproductor de audio para web usando Web Components, que es, por simplificarlo, añadir una nueva etiqueta HTML que nosotros indiquemos en el código, y como cualquier otra etiqueta se pueden definir sus propiedades, como el src de <img> o el href de un <a>

    Aún queda trabajo por hacer, pero ya empieza a ser funcional

    In conversation Monday, 23-Oct-2023 14:01:44 UTC from mastodon.social permalink

    Attachments


    1. https://files.mastodon.social/media_attachments/files/111/273/964/638/483/657/original/06ddd69c9b1053b8.png
    • Son Link :firedoge: 🐧 (son_link@mastodon.social)'s status on Monday, 23-Oct-2023 14:01:43 UTC Son Link :firedoge: 🐧 Son Link :firedoge: 🐧
      in reply to

      Pues ya funcionan todos los botones de la interfaz, así que ya solo falta pulir el diseño, que más o menos lo tengo ya pensado tras buscar inspiración.

      Dentro de un rato lo subiré a GitHub, aunque antes tengo que pensar en como llamar al proyecto y el nombre de la etiqueta

      In conversation Monday, 23-Oct-2023 14:01:43 UTC permalink
      cr0n0s:~🐧📡⌨️ 🛠️ # repeated this.
    • Son Link :firedoge: 🐧 (son_link@mastodon.social)'s status on Monday, 23-Oct-2023 14:01:43 UTC Son Link :firedoge: 🐧 Son Link :firedoge: 🐧
      in reply to

      Pues el diseño ya casi está terminado, me gusta como está quedando, a falta de terminar los deslizadores y hacer el reproductor totalmente responsivo.

      Por si os interesa esta es la paleta de colores que estoy usando: https://palettes.shecodes.io/palettes/1218

      Y los iconos los he descargado desde https://www.vidstack.io/media-icons?lib=html, están bajo licencia MIT

      In conversation Monday, 23-Oct-2023 14:01:43 UTC permalink

      Attachments


      1. https://files.mastodon.social/media_attachments/files/111/279/143/196/001/595/original/dcda84f440d2f40f.png
      2. Coding Workshops for Women
        SheCodes teaches coding skills to women.
      3. Vidstack: Media Icons
        from @vidstackjs
        A beautifully hand-crafted collection of icons specifically designed for video/audio players.
    • Son Link :firedoge: 🐧 (son_link@mastodon.social)'s status on Monday, 23-Oct-2023 14:01:44 UTC Son Link :firedoge: 🐧 Son Link :firedoge: 🐧
      in reply to

      Pues esto sigue avanzando y he tocado el diseño, que sigue sin ser el definitivo, sobre todo en el tema de los colores.

      Ahora mi prioridad es terminar de añadir la escucha de eventos al resto de botones, ya que solo el de reproducción y mostrar/ocultar la lista de reproducción, aparte de los 2 sliders, son los que ya funcionan al pulsarlos

      #web #programming #javascript

      In conversation Monday, 23-Oct-2023 14:01:44 UTC permalink

      Attachments


      1. https://files.mastodon.social/media_attachments/files/111/275/067/080/541/996/original/123a0d5d8c7e9042.png

Feeds

  • Activity Streams
  • RSS 2.0
  • Atom
  • Help
  • About
  • FAQ
  • Privacy
  • Source
  • Version
  • Contact

Bobinas P4G is a social network. It runs on GNU social, version 2.0.1-beta0, available under the GNU Affero General Public License.

Creative Commons Attribution 3.0 All Bobinas P4G content and data are available under the Creative Commons Attribution 3.0 license.