Anleitungen
Praktische Anleitungen für Entwickler, Marketer und alltägliche Computeraufgaben — jede nutzt kostenlose devpack-Tools, die du direkt daneben öffnen kannst.
EmpfohlenBilder komprimieren ohne QualitätsverlustBilder für E-Mail, Formulare und Websites verkleinern: erst skalieren, passendes Format und Qualität wählen, KB-Limit ohne sichtbaren Verlust einhalten.Anleitung lesen
JWT dekodieren und debuggenJWT dekodieren und Fehler finden: Header und Claims lesen, abgelaufene Tokens, falsche Audience und ungültige Signatur erkennen.
Regex zur Validierung von E-Mail, URL und TelefonnummernPraxisnahe Regular Expressions für E-Mail-Adressen, URLs und Telefonnummern, warum es kein „perfektes“ Muster gibt und wann ein Parser besser ist als Regex.
Cron-Ausdrücke erklärt: 15 echte Zeitpläne und die Zeitzonen-FallenCron-Ausdrücke sicher lesen und schreiben: die fünf Felder, 15 kopierfertige Zeitpläne, die Falle bei Tag des Monats vs. Wochentag und Zeitzonen in CI.
CORS-Fehler behebenWarum der Browser deine Anfrage blockiert, wie du CORS-Fehler liest und welche Header du für Express, Nginx und Vercel brauchst, inklusive Preflight und Cookies.
301 vs 302 vs 307 vs 308: Welche Weiterleitung du nutzen solltestWelche Weiterleitung (301, 302, 307, 308) wann passt, wie sie SEO beeinflusst und wie du Redirect-Ketten vermeidest. Mit Regeln für Apache, Nginx und Vercel.
TypeScript-Typen aus JSON generieren — richtig gemachtJSON in TypeScript-Interfaces umwandeln, optionale und nullable Felder sowie Unions richtig behandeln und mit JSON Schema zur Laufzeit validieren.
So richtest du GA4 mit Google Consent Mode v2 einGA4 mit Consent Mode v2 richtig installieren: Standard-Ablehnung, Aktualisierung über dein Cookie-Banner und wie du prüfst, ob es wirklich funktioniert.
HTTP-Security-Header Checkliste (mit Konfigurationen zum Kopieren)Die Security-Header, die jede Website senden sollte: HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy und Permissions-Policy mit sicheren Werten und Beispielen.
PDF-Dateien zusammenfügen, teilen und komprimierenPDFs kostenlos zusammenfügen, Seiten teilen oder löschen, große Scans für E-Mails verkleinern und Fotos in PDF umwandeln – direkt im Browser, ohne Upload.
Die Pomodoro-Technik: So funktioniert sie wirklichWie die Pomodoro-Technik funktioniert, was in die Pausen gehört, wie du Unterbrechungen meisterst, wann du die Länge änderst und wie du sie erfasst.
Webcam und Mikrofon vor einem Videocall testenKamera und Mikrofon im Browser prüfen, Fehler wie „Kamera nicht gefunden“ unter Windows und Mac beheben und im Call besser klingen und aussehen.
Starkes Passwort erstellen und prüfen, ob es geleakt wurdeWas ein starkes Passwort ausmacht, warum Länge wichtiger ist als Sonderzeichen und wie du sicher prüfst, ob dein Passwort in einem Datenleck aufgetaucht ist.
UTM-Parameter erklärt: Jede Kampagne in GA4 nachverfolgenWas UTM-Parameter sind, wie du Source, Medium und Campaign richtig benennst, wo du sie lieber weglässt und wie du QR-Codes und Print in GA4 trackst.
So schreibst du Title Tags und Meta Descriptions, die Klicks bringenSchreib Title Tags und Meta Descriptions, auf die geklickt wird: Pixel-Limits, eine einfache Formel, Duplikate vermeiden und Open Graph Tags.
So testest du einen gebrauchten Laptop vor dem Kauf15-Minuten-Checkliste für den Gebrauchtkauf: Dead Pixel, Tastatur, Touchpad, Akkuzustand, echte Specs, Speicher, Kamera, Mikro und Account-Sperren prüfen.
SPF, DKIM und DMARC richtig einrichtenLandet deine E-Mail im Spam? Prüfe deine SPF-, DKIM- und DMARC-Einträge, behebe typische Fehler und stelle DMARC sicher von Überwachung auf Durchsetzung um.
SSL-Zertifikatsfehler beheben: So geht’s„Deine Verbindung ist nicht privat“ beheben: Prüfe, ob dein Zertifikat abgelaufen ist, nicht passt oder die Kette fehlt, und erneuere es.
Langsame Seiten beheben und Core Web Vitals verbessernVerbessere LCP, INP und CLS mit den wichtigsten Fixes: schnellere Hauptbilder, weniger blockierendes JavaScript und Seiten, die beim Laden nicht springen.
robots.txt und Sitemap-Fehler behebenDamit Google deine Seiten findet: zu breite robots.txt-Regeln korrigieren, eine saubere XML-Sitemap erstellen und die Fehler aus der Search Console beheben.
Canonical- und Duplicate-Content-Probleme behebenGleiche Inhalte unter mehreren URLs teilen Suchsignale auf. Lerne, mit Weiterleitungen, Canonical-Tags und einheitlichen Links eine Version festzulegen.
Defekte Links finden und reparierenFinde defekte Links auf deiner Website, entscheide, ob du sie aktualisierst, weiterleitest oder entfernst, und richte eine 404-Seite ein, die Besucher hält.
Was sind Webfonts und warum solltest du sie nutzen?Webfonts sorgen dafür, dass deine Website auf jedem Gerät gleich aussieht. Erfahre, wie sie funktionieren, worin sie sich von Systemschriften unterscheiden und wann sich der Extra-Download lohnt.
Eigene Schriftarten auf einer Website einbindenEigene Schriftart in vier Schritten auf jeder Website einbinden: Dateien vorbereiten, hochladen, @font-face-CSS schreiben und anwenden.
WOFF2 vs WOFF vs TTF vs OTFSchriftformate im Vergleich: Warum WOFF2 für fast jede Website die beste Wahl ist, wann WOFF noch hilft und warum EOT und SVG-Fonts veraltet sind.
Webfont-Lizenzen einfach erklärtEine Schrift zu kaufen heißt nicht automatisch, dass du sie auf einer Website nutzen darfst. Erfahre, welche Lizenztypen es gibt und wie du sicher bleibst.
Webfonts schneller ladenBeschleunige deine Webfonts mit WOFF2, Subsetting, weniger Schriftschnitten, Preload, Variable Fonts und langem Caching. Inklusive Code für jeden Schritt.
So behebst du Font Layout ShiftText springt beim Laden von Webfonts? Erfahre, was FOIT und FOUT sind, wähle den richtigen font-display-Wert und passe die Fallback-Schrift an.
Tracking-Pixel installierenMeta-, TikTok- oder LinkedIn-Pixel Schritt für Schritt auf Webflow, WordPress, Shopify oder Google Tag Manager installieren, Consent einrichten, testen und Conversions tracken.
OKLCH in CSS nutzenLerne die oklch()-Syntax, Helligkeit, Chroma und Farbton verstehen und in CSS Farbstufen, Hover-Effekte und Paletten bauen, mit Fallbacks für ältere Browser.
OKLCH vs HSLVergleiche OKLCH und HSL in CSS. Erfahre, warum gleiche HSL-Helligkeit ganz unterschiedlich wirkt, wann OKLCH bessere Paletten liefert und wann HSL reicht.
Meetings über Zeitzonen hinweg planen: So geht’sFinde einen fairen Termin für ein internationales Meeting. Lerne, Überschneidungen zu prüfen, Zeiten klar anzugeben, Sommerzeit-Fehler zu vermeiden und den Termin im Team zu teilen.
Wie die Sommerzeit Zeitzonen beeinflusstErfahre, wann die Uhren in den USA und Europa umgestellt werden, warum sich der Zeitunterschied zwischen Städten ändert und wie du Terminfehler vermeidest.
So teilst du ein Tool mit deinen EinstellungenTeile einen devpack-Link, der ein Tool mit deinen Eingaben öffnet. Erfahre, wie es funktioniert, was privat bleibt und welche Tools nicht gehen.