Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Note from 8 July 2022

  • Nicolas Hoizey
  • 8 July 2022
  • CodePen, GitHub, npm, Web Components
  • 10 reactions

In one single day, I created my first Web Component (vanilla flavor), put the code on #GitHub, published it on #npm, and made a demo on #CodePen… 💪

https://codepen.io/nhoizey/pen/YzawBrq

BTW, it's made to responsively use videos as background of content!

10 reactions

7 likes

  1. Bastien Jaillot avatar
  2. Gaël Poupard avatar
  3. Eric Portis avatar
  4. Hubert SABLONNIÈRE avatar
  5. Nicolas Steinmetz avatar
  6. Maëlig avatar
  7. Eduardo Uribe avatar

3 replies

  1. Hubert SABLONNIÈRE avatar Hubert SABLONNIÈRE
    Congrats 😍😍
    • 8 July 2022, 08:12
    • Source
  2. Nicolas Hoizey avatar Nicolas Hoizey
    Thanks! 🙏
    • 8 July 2022, 09:26
    • Source
  3. Nicolas Hoizey avatar Nicolas Hoizey
    With just released v1.1.0, the video should now load and play only if the user didn't prefer reduced motion in their system, a must have for #accessibility!https://cleverage.github.io/responsive-video-background/
    accessibility
    Web Component
    • 9 July 2022, 14:47
    • Source
  • Older: Note from 30 June 2022
  • Newer: Note from 11 July 2022

Related content with similar topics

  1. Note from 22 February 2023

    • Nicolas Hoizey
    • 22 February 2023
    • GitHub, npm
    • 5 reactions

    Is it useful to have releases in GitHub for projects that are always installed from npmjs? 🤔

    Asking for example for a pet project (which is also a mono-repo).

    • GitHub: https://github.com/nhoizey/images-responsiver/releases
    • npm:
      • images-responsiver: https://www.npmjs.com/package/images-responsiver
      • eleventy-plugin-images-responsiver: https://www.npmjs.com/package/eleventy-plugin-images-responsiver

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy