Kolja KoljaL
KoljaL
/ gist:af7bf982e658024359446db2923d67d4
Created
January 22, 2026 12:03
The bookmarklet allows users to quickly access speed reading functionality directly from their web browser
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| javascript:(function(){const DEFAULT_WPM=300,RAMP_ENABLED=!0,RAMP_START_WPM=120,RAMP_DURATION=2e3;let words=[],index=0,wpm=DEFAULT_WPM,rampStartTime=null,state="PAUSED",timer=null,overlay=document.createElement("div");overlay.id="rsvpOverlay",Object.assign(overlay.style,{position:"fixed",top:0,left:0,width:"100%",height:"100%",background:"rgba(0,0,0,0.9)",display:"flex",justifyContent:"space-around",alignItems:"center",flexDirection:"column",zIndex:9999,color:"#fff",fontSize:"3em",textAlign:"center"}),document.body.appendChild(overlay);const wordEl=document.createElement("div");overlay.appendChild(wordEl);const controls=document.createElement("div");controls.style.marginTop="20px",controls.style.display="flex",controls.style.alignItems="center",controls.style.flexDirection="column",controls.style.gap="10px",overlay.appendChild(controls);const speedInput=document.createElement("input");speedInput.type="range",speedInput.min=100,speedInput.max=1e3,speedInput.value=DEFAULT_WPM,speedInput.style.margin="0 10px",co |
KoljaL
/ gist:1e4eb2b9cd24b65b73d9749e1ab852a5
Created
February 6, 2025 11:18
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (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
/ pan-zoom-touch-and-trackpad.js
Created
January 14, 2025 13:04
— forked from Martin-Pitt/pan-zoom-touch-and-trackpad.js
Panning and Pinch-Zoom gesture handler for both touchscreens and trackpads; Works really well on a MacBook trackpad
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Target state | |
| var tx = 0; | |
| var ty = 0; | |
| var scale = 1; | |
| function visualiseTargetState() { | |
| box.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`; | |
| } | |
KoljaL
/ SofleKeyboard.kbd.json
Created
December 15, 2024 13:19
— forked from mattfoster/SofleKeyboard.kbd.json
SofleKeyboard
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "name": "SofleKeyboard", | |
| "author": "Josef Adamcik", | |
| "switchMount": "cherry" | |
| }, | |
| [ | |
| { | |
| "y": 0.2, | |
| "x": 3, |
KoljaL
/ comparison-between-methods-of-applying-the-goo-filter.markdown
Created
February 26, 2024 17:12
comparison between methods of applying the goo filter
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
/ ColorCollection.js
Created
October 17, 2023 10:50
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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 = { |
No Javascript required. Just plain CSS.
A Pen by Yago Estévez on CodePen.
NewerOlder