Most JavaScript developers are very familiar with the Immediately Invoked Function Expression (IIFE): (function () { var x = ‘loaded’; console.log(x); }()); In this expression, we create a function that wraps all the enclosed code in its scope, and at the end we execute the function with the parentheses. If you aren’t super-careful though, you […]
The following script allows you to group all elements on a web page by a particular CSS value. So for example, if you specify ‘fontFamily’, you’ll get a list of font families used on the website, and a list of all elements using each one. You can specify other attributes if you would like to […]
Unless you enjoy carefully comparing numbers, the Octopus Deploy Dashboard is a bit of a pain when it comes to seeing what version is one what environment. What follows is a terribly hacky trick you can use to colourise the version numbers on the dashboard (a feature that I imagine will eventually become a graceful […]
If you have ever handled a resize event in JavaScript, you will have noticed that when a user manually resizes their browser window by dragging the edges… you get a lot of events. This is because the resize event fires constantly as the user resizes the window. $window.on(‘resize’, function () { // Your code gets […]
If you have ever integrated third party components on your website, you will have found a dazzling variety of integration methods, from JavaScript snippets, to iframes, to server-side APIs. Many of the integrations seek to inject content onto your page, but I sincerely advise against this. You don’t need to spend long reading the OWASP […]
If you are fed up of looking up JavaScript key mappings every time you want to deal with a keyboard press, and each time you read someone else’s keyboard event handler… and every time you revisit a keyboard event handler that you wrote a while back – here is a set of constants you can […]
I don’t talk about jQuery very much because I avoid it wherever possible. However, I was working on some custom inputs that needed to respond to a number of events, including specific keys on the keyboard. To achieve this, I wrote a little jQuery extension called “bindactions” that allows you to get it all in […]
This is a little script that helps people to cite your work by placing the URL on the clipboard along with the text they are stealing referencing. It works by cloning the selection into a hidden element just before the copy-to-clipboard, and then reverting the selection just after. The example below is for modern browsers […]
If you have seen the average Trello board that has evolved over any length of time, you will have noticed they can suffer a little from column explosion. Fear not. You can use this short script to get rid of the boring columns with a single click. All you need to do is adjust the […]
JSDoc comments, like many comments in software, can be a great clue for those who want to refactor their program. Take this common example, variations of which can be found easily online: /** * Check input object is a string * @param {Object} s */ function check(s) { return typeof s === ‘string’; } If […]