Blog | falk-m.de
This blog is not for you, not only.
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.
Links and stuff of the week
from falk-m.de
· 2025-01-05
Other
Links
react useDeferredValue: defer updating a part of the UI
usememo-and-usecallback
useeffect: e.g. initial calls by mounting
kinesisjs: create complex interactive animations
scroll-driven-anima...
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 serverside pagination with some javascript to solve...
Links and stuff of the week
from falk-m.de
· 2024-12-01
Other
Links
wowjs: scroll animations, use animate.style
react drawer component
rsuitejs - react components
html best practices for login forms
AI based image upscaling tool (local)
PHP chunk_split func...
CI/CD presentation
from falk-m.de
· 2024-11-18
OTHER
Slides (html)
Slides (Pdf)
pointer: coarse
from falk-m.de
· 2024-11-18
CSS
In css exists media queries so tetect the input device of the user.
@media (pointer: fine) {} can use for styles, specially for users with a mouse pointer.
@media (pointer: coarse) {} detect touch...
RevealJs slide show with preact
from falk-m.de
· 2024-11-04
JS
reveal js
I want to cerate a presentation template for my own.
Reval js is a nice tool with many features (code highlighting, print view vor pfg export, process bar, ...).
For my template, I want t...
Links and stuff of the week
from falk-m.de
· 2024-11-03
Other
swagger api with php
swagger-php
swagger-ui
js advanced basics stuff
js proxy class
js partial application
js currying
Links
image vectorisazion
tiny and smart css reset
persisting react sta...
react hooks
from falk-m.de
· 2024-11-02
JS
useRef
Sometimes is see that someone use useRef in situations i would use 'useState'.
const blocking = React.useRef(false);
const onScroll = () => {
if (!blocking.current) {
block...
Matrix Bot
from falk-m.de
· 2024-10-30
Other
I consider to write a bot for listing all new messages from a specific matric room.
get access token
Link to documentation
List login methods og the matrix server:
curl -XGET "https://matrix.eigenb...
scoped css variables
from falk-m.de
· 2024-10-29
CSS
A Example:
There is a default button with a icon and a text inside.
the button is blue by default with black text color and black icon.
:root {
--blue: #cbe7ff;
--red: #ff300b;
--yello...
image gallery
from falk-m.de
· 2024-10-28
CSS
Today I saw a nice responsive image gallery.
.gallery {
--min: 15rem;
--aspect-ratio: 4/3;
--gap: 10px;
display: flex;
...
Links and stuff of the week
from falk-m.de
· 2024-10-27
Other
css
display:content
order property
css overflow-wrap property: manage text overflow behavior
:nth-child(2 of .highlight)
Links
intl api: formatting dates in native javascript
htmlrev: html templ...
Blogs and potcasts
from falk-m.de
· 2024-10-24
other
Blogs (RSS feeds)
https://www.stefanjudis.com/rss.xml
http://feeds2.feedburner.com/tympanus
https://cprss.s3.amazonaws.com/javascriptweekly.com.xml
https://cprss.s3.amazonaws.com/frontendfoc.us.xm...
summarize git commits
from falk-m.de
· 2024-10-23
git
In some caseses there is a feature branch with many many commits and you want to replace all this small commits with one big commit.
1. check if everithing is committed.
You have to have no local c...
Git Flow
from falk-m.de
· 2024-10-22
git
One of my topics today was git workflows.
I read something about tig flow and the github flow.
In the past I always worl with a develop and a master brunch.
After I read about github flow, i wondde...