KoljaL

#appmenu:hover li svg, #appmenu:hover li .icon-more, #appmenu:hover li .icon-more-white, #appmenu:hover li .icon-loading-small, #appmenu:hover li .icon-loading-small-dark {
    transform: translateY(7px);
}
#appmenu:hover li span {
    opacity: 0.6;
    top: 2px;
    z-index: -1;
}

#appmenu li {

KoljaL

(function () {
    'use strict';

    function categorizeAndRankColorsWithRanksOnWebsite() {
        const isExcludedElement = (element) => element.tagName !== 'STYLE' && element.tagName !== 'SCRIPT';

        const allElements = Array.from(document.body.getElementsByTagName('*')).filter(isExcludedElement);

        const colorCategories = {
            font: [],

KoljaL

// Target state
var tx = 0;
var ty = 0;
var scale = 1;

function visualiseTargetState() {
	box.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`;
}

KoljaL

[
  {
    "name": "SofleKeyboard",
    "author": "Josef Adamcik",
    "switchMount": "cherry"
  },
  [
    {
      "y": 0.2,
      "x": 3,

KoljaL

comparison between methods of applying the goo filter

A Pen by Kolja on CodePen.

License.

KoljaL

For my Laravel App, I need two types of Users: Staff & Member. Some Staff-User has an "is_admin" flag for more rights.

My first attempt was to create two new User-like Models. But as I found out, and it was recommended to me, that is not the common way.

So now I use the User-Model only for the Login (email, name, password & role) and to divide the User-Types by a role field. That worked very well for the login procedure.
But if it's necessary to edit some fields of one of the User-Type, it is getting complicated, because there are always two Models to handle.
This is my code to create a new Member, for example:

KoljaL

// Shows all font and background colors on an table,
// use with Greasemonkes or as a browser bookmark
(function () {
    'use strict';

    function categorizeAndRankColorsWithRanksOnWebsite() {
        // let allElements = document.getElementsByTagName('*');
        const allElements = Array.from(document.body.getElementsByTagName('*')).filter((element) => element.tagName !== 'STYLE' && element.tagName !== 'SCRIPT');
        // console.log('allElements', allElements);
        const colorCategories = {

KoljaL

Führungsschiene

Idealo 40€

Akku 10,8V

Amazon 37€
oder
Idealo 30€

Stichsäge DJV185

KoljaL

CSS-Only Parallax Effect

No Javascript required. Just plain CSS.

A Pen by Yago Estévez on CodePen.

License.

KoljaL

// return *positive* remainder of n divided by m.
export function mod(n, m) {
    return ((n % m) + m) % m;
}

export function sleep(time) {
    return new Promise((res) => setTimeout(res, time));
}

function randInt(a, b) {