-
·
Chrome side panel: Simulate close event
The new side panel in Chrome does not contain a close event, which could come handy if you want to clean up stuff after the panel has been closed. You can simulate the event by opening a permanent connection between the side panel and the background script. This connection fires an onDisconnect event if the…
-
·
Chrome extensions, Manifest v3 and local storage views
The other day I started coding a Chrome extension that makes heavy use of Chrome’s IndexedDB. Until this time then I had no problem inpecting any local storage using the DevTool’s “Application” tab. Those were extensions that used Manifest v2 but as of June 2023 Google will only acept Manifest v3 extensions.One of the main…
-
·
How-to split a number into equal chunks
The other day I had to iterate over a large number of items but to avoid a timeout I could only compute a certain amount at a time. So I had to split the number into equal chunks and a remainder. Here’s an easy way to determine the chunk size: The code return the following…
-
·
Firefox Addon: Add options menu to addon icon
Especially during development it’s annoying to reach the option page of a Firefox addon: Hamburger Addons and Themes … Options There should be a faster way. At least for your own Add-ons you can quite easily add an “Options” menu item to the browser action: Additionally to have to add a new permission to the…
-
·
Set selections in a multiple select element with ES6
If you’re looking on the web for a solution to programmatically set the selections of a multiple select element in JavaScript you most likely find answers using jQuery, an indexed loop and an if condition, or some other complicated stuff. Modern browsers and ES6 gives you a simple solution in (almost) a single line of…
-
·
Big Tech 0wns web development
Web development is based on free software by developers like you and me, isn’t it? At first glance, this seems to be the case. Let’s take a look at the main tools modern web is mainly developed with nowadays: Visual Studio Code TypeScript React npm GitHub Chrome Most of the tools are Open Source projects…
-
·
Javascript – Swap classes of an HTML element
Recently I came across the problem, that I had to programmatically change a div’s color from red to green. Sounds simple and it’s actually quite simple if you know your JavaScript.
-
·
Download previous versions of WordPress plugins
There’s a simple way to get hold of previous versions of your WordPress plugins, for example if a current version breaks your setup.
-
·
Supperfood – Not so tasty after all
This month’s surprise box from Degustabox contained two bottles of “Superfood” by the Austrian company Friya. With basil seeds. OK, nowadays basil seems to be a superfood, too. The stuff isn’t too tasty after all. The basil seeds are covered with a slimy substance. The whole thing looks like frog spawn. The drink is…
-
·
WordPress: add_filter or add_action? It actually doesn’t matter!
It’s a doctrine of WordPress plugin development: Use actions to expand the functionality and filters to change information. We’ve all heard it, we always follow that demand. Always? Well… … if I want to add some functionality and nowhere near or far there is an action hook in the core but only a filter hook,…