Blog | falk-m.de
Like other developers, I read articles, test new features, analyze code from others and so on.
Also, I have some interesting code snippets used in projects, if I need them, I always search in old projects.
This blog is my central place now, to collect interesting code snippets, features, etc. |
RSS Feed
Kolibri UI Components
from falk-m.de
· 2025-04-25
JSPRESENTATION
Kolibri is a collection of custom elements with focus on accessibility.
It's maintained by a section of the German government.
Slides (html)
Slides (Pdf)
public-ui.github.io
shoelace.style
JS Debounce and Throttle functions
from falk-m.de
· 2025-05-03
JS
Debounce
limiting function executions for automate search inputs for example or resize events
function debounce(func, delay) {
let timeoutId;
return function (...args) {
clearTimeout(timeou...
html dialog element demo
from falk-m.de
· 2025-03-20
JSCSSHTML
Visit demo
standard dialog
A dialog element is hidden by default.
.showModal() open the centered dialog and add a Backdrop element.
.show() open the dialog on top position and don't add a Backdrop...
create a multistep form
from falk-m.de
· 2025-03-12
JS
I want to create a multistep HTML form. That means you have to input some data to access the next step and so on, until you can submit the form in the last step.
Requirements:
form is normal usabl...
UUIDs as primary key
from falk-m.de
· 2025-02-26
JS
In my next task at work, I have to import data from an API which use UUIDs as primary key and for relations between the data entities.
Shopware also use UUIDs since version 6 instead of integers as...
Twind - Tailwind in js
from falk-m.de
· 2025-02-16
JS
A nice solution to use tailwind without a NodeJS watcher process or the tailwind sandbox scripts is a completely JS solution, that work directly in the browser.
And the file size is very small, onl...
ChaosZone map presentation
from falk-m.de
· 2025-02-06
JSPRESENTATION
Use OpenFreeMap over proxy
no need of a data protection layer
load locations from spaceApi
use custom map style and marker
Slides (html)
Slides (Pdf)
my slides template
from falk-m.de
· 2025-02-02
JS
Inspired by the 38C3 congress, I changed the style my revalJs slides template for presentations.
In the old version I used preact to separate every slide in a single file, but when I created my las...
Links and stuff of the week
from falk-m.de
· 2025-01-16
OtherGITJS
Links
lit.dev: JS web components lib
subfinder: subdomain enumeration
gobuster: directory enumeration
pa11y: open source tools to help designers and developers make their web pages more accessible...
infinity scrolling
from falk-m.de
· 2024-12-10
JS
One topic at work last week was to automatic load more items in a list, when the user scroll to the end of the list.
I want to decorate a classic server-side pagination with some JavaScript to solv...
RevealJs slide show with preact
from falk-m.de
· 2024-11-04
JS
reveal js
I want to create a presentation template for my own.
Reval js is a nice tool with many features (code highlighting, print view for PDF export, process bar, ...).
For my template, I want t...
react hooks
from falk-m.de
· 2024-11-02
JS
useRef
Sometimes I saw that someone use useRef in situations I would use 'useState'.
const blocking = React.useRef(false);
const onScroll = () => {
if (!blocking.current) {
blocki...
Broadcast challen api
from falk-m.de
· 2024-02-26
JS
In a post from 2024-02-08, I describe a way to send messages between the scripts in different browser windows with a storage event.
Now I have found a smarter solution for this problem:
The [Broadc...
Messages between browser tabs
from falk-m.de
· 2024-02-08
JS
In some cases, it is necessary to sync browser tabs or send a message to another tab.
For example: In one tab is a voice recorder and in the other is a list of recordings. When the record is finish...
Server side events with php
from falk-m.de
· 2024-02-06
PHPJS
There are different ways for near real-time browser updates by a server message.
With a PHP website on the server side, you are very restricted, because in normal case you can't run a web socket pr...