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
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...
CSS presentation
from falk-m.de
· 2025-01-25
CSSPRESENTATION
This month I presented some interesting (partly new) CSS stuff.
Slides (html)
Slides (Pdf)
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 server-side pagination with some JavaScript to solv...
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
OTHERPRESENTATION
At the Pixeltalk #7 meetup in Leipzig, I presented how to use GitLab pipelines for the deployment of a PHP application.
Slides (html)
Slides (Pdf)
pointer: coarse
from falk-m.de
· 2024-11-18
CSS
In CSS exists media queries so detect 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 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...
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 I saw that someone use useRef in situations I would use 'useState'.
const blocking = React.useRef(false);
const onScroll = () => {
if (!blocking.current) {
blocki...
Matrix Bot
from falk-m.de
· 2024-10-30
Other
I consider writing a bot for listing all new messages from a specific matrix room.
Get access token
Link to documentation
List login methods of the matrix server:
curl -XGET "https://matrix.eigenba...
scoped css variables
from falk-m.de
· 2024-10-29
CSS
A Example:
There is a default button with an icon and a text inside.
The button is blue by default with black text color and black icon.
:root {
--blue: #cbe7ff;
--red: #ff300b;
--yell...
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...