Contact Form UX: Busy, Error, Success (and A11y)
Designing calm, editorial form feedback with accessible status messaging, field-level errors, and non-jarring success handling.
- javascript
- a11y
- forms
- ui
- turnstile
Logbook
Technische Notizen zur Entwicklung, Bereitstellung und Verbesserung von Webanwendungen.
Projektbeschreibungen und Artikel werden im englischen Original angezeigt.
Mobile Overlay Navigation: Fixing Tap Targets and Layout
Improving the mobile navigation overlay by aligning close-button placement, respecting iOS tap targets, and keeping the UI calm and predictable.
- css
- mobile
- ios
- ux
- navigation
Vite Assets: src/ vs public/ — A Practical Rule
Notes on when to place assets in src/ for bundling versus public/ for fixed URLs, and how to avoid path surprises in production.
- vite
- frontend
- assets
- build
GitHub Actions to Plesk: Zero-Click Deploys
A minimal deployment flow where merges to main automatically build and deploy the Vite site to a Plesk-managed VPS.
- github
- actions
- deployment
- plesk
- vps
Deploying Node.js behind Plesk: Gotchas and Lessons
Notes and lessons learned while deploying a Node.js API behind Plesk on an IONOS VPS.
- node
- deployment
- plesk
- vps
- smtp
Turnstile + Mail API: Contact Form Pipeline
Designing and implementing a secure contact form pipeline using Cloudflare Turnstile, Express and SMTP on a self-managed VPS.
- node
- express
- security
- turnstile
- smtp
- plesk