Code snippets

You will find here 16 code snippets I find useful so I don't have to Google ™ or Stackoverflow ™ them when I need. There are also code snippets I always forget! 😁 Sometimes, related links to the code will be available. The main difference with other random snippets you will find on the web is that in most cases (for the Symfony related ones) you will be able to run them directly from this website to check the output so you can verify it works as expected ™.

In this snippet, we will see how to add or remove a class from an HTML element with JavaScript. It can be done with the classList ...

JavaScript

Published on 2020-05-23 • Modified on 2020-05-23

 View the code


In this snippet we will see how to alter the title element of an HTML document dynamically. It is something I use on my pomodoro.f...

Vue.js

Published on 2020-05-16 • Modified on 2020-05-16

 View the code


This function is the sibling of the setTimeout function we saw in the previous snippet. This time it will allow us executing some...

JavaScript

Published on 2020-05-06 • Modified on 2020-05-06

 View the code


This is a classical JavaScript snippet; I wanted to have it here on my blog with a live demo. Click on the button to trigger an al...

JavaScript

Published on 2020-05-02 • Modified on 2020-05-02

 View the code


In this snippet, we will see how to detect a page refresh or exit with JavaScript. On my pomodoro.fun 🍅 side project, there is no ...

JavaScript

Published on 2020-04-21 • Modified on 2020-04-21

 View the code


This is the kind of thing that it's easy to do with PHP. We can use unset($arr[$idx]); (and keys and preserved). But in JavaScript...

JavaScript

Published on 2020-03-07 • Modified on 2020-03-07

 View the code


This is a small trick that allows the jsdelivr.net CDN network. It's a very bad practice to use the "last" stable available versio...

Vue.js

Published on 2020-01-23 • Modified on 2020-01-23

 View the code


This is a classic JavaScript snippet we all used at least once! There are several ways to achieve this, but I think the following ...

JavaScript

Published on 2020-01-06 • Modified on 2020-01-06

 View the code


This is an example of modern usage of JavaScript and functional programming you must know to produce concise and readable code. In...

JavaScript

Published on 2019-11-15 • Modified on 2019-11-15

 View the code


This a very useful hook to initialize some stuff once your Vue.js component has been mounted. Open your browser JavaScript console...

Vue.js

Published on 2019-10-05 • Modified on 2019-10-05

 View the code