For a work project, I had to use pupeeter to generate pdf file from a web page. On local, installing puppeteer was simple, foloowing the installation guide and installing the correct chromium version. But when the new feature arrived on the development server, the chromium did…
To make your own codepen like, you just need to follow these instructions: <body oninput="i.srcdoc=h.value+'<style>'+c.value+'</style><script>'+j.value+'</script>'"><style>textarea,iframe{width:100%;height:50%}body{margin:0}textarea{width:33.33%;font-size:18}</style><textarea placeholder=HTML id=h></textarea><textarea placeholder=CSS id=c></textarea><textarea placeholder=JS id=j></textarea><iframe id=i></iframe></body>And.. tada.. you should see womething like this: You can add your own html/CSS/JS code to test your snippets This code can be tried on…
When you listen to music, you probably often hear patterns multiple time accros a song. And maybe sometimes, you may have think to make a loop between two similar parts of the song. Well, with Eternal jukebox, it is now possible! You can select the song…
If you don't knwo how may items you will have and want them to fit in a row, you can use CSS grid. It is a powerful CSS feature (with my favourite flexbox)..container { display: grid; grid-template-columns: repeat(auto-fit, 160px); justify-content: center; gap: 20px; }The tricky…
When you want to upload a file, you often want to see a preview before sending it. To do this, I show a preview in a canvas. But even if I close the preview part, the input is still loaded with the selected filed. So,…
In a Next.JS / React project, I needed to update query params in URL to match values updated in a form. But I didn't want to reload and refresh the page completely because when the form is sent, the answers are updated by an API…
Zsh is now the default terminal for macos, replacing well known bash. I needed to rename a lot of files in a project, displayed in multiples and various subfolders. I learnt a new command names zmv that comes directly with zsh and that is similar…
For my current project, I need to send data to hubspot via a form. This form is managed by Hubspot and injected in my code during runtime. I cannot modify the sumit button behaviour. I dealt with this problem by listening the click event when…
I need to take several notes every day with a consistent style and in an organized manner and with a tool available and synchronized across multiple devices. I need to take notes about a future blog article, a meeting, for a to do list ...,…
I use a macbook almost every day, and I have a lot of apps opened all the time : iTerm2, Firefox, Spotify, Spark, Slack, VSCode and more... I like to have them displayed on differents "desktops" to switch between apps fast with my mouse. Until…