Über Web, Tech, Games, Art,
Musik, Code & Design

12. Juni 2024

Inhaltsverzeichnis für Posts in WordPress automatisch erstellen

Bei sehr langen Artikeln bietet es sich an, dem Leser ein Inhaltsverzeichnis zur Verfügung zu stellen. Wenn im Artikel Zwischenheadlines vorhanden sind (und das sollten sie!), kann man diese in WordPress dafür nutzen, automatische Textanker zu setzen und daraus das Inhaltsverzeichnis generieren. Ergänze hierzu folgenden Code in der functions.php: Anschließend kannst du die Funktion „generate_table_of_contents()“ […]

12. Juni 2024

CSS hover underline animation

Mit folgendem Code kannst du Links animiert unterstreichen – auch Links, die sich über mehrere Zeilen erstrecken.

29. Mai 2024

Farbabstufungen einer Farbe generieren

In der Regel gibt es auf jeder Website ja 2-3 Hauptfarben, die im Corporate Design definiert sind. Auf colorhexa.com kannst du von einer Farbe dazu passende Farben oder Farbabstufungen generieren. Insbesondere das monochromatische Color-Scheme finde ich sehr hilfreich:

30. April 2024

So erstellst du eine Offline-WebApp (PWA)

Um aus einer Website eine WebApp zu generieren, die auch offline funktioniert, sind 3 Dateien essentiell: „index.html“, „manifest.json“ und der Service-Worker „serviceworker.js“. (Die Dateinamen sind frei wählbar.) In den jeweiligen Files wird folgender Code benötigt: Im HTML: manifest.json serviceworker.js Um auf die WebApp hinzuweisen, kann folgenden Script ebenfalls hilfreich sein:add-to-homescreen.js CSS für iPhone-Notch Damit die […]

24. April 2024

add-to-Homescreen.js

Mit dem JavaScript „add-to-Homescreen.js“ wird ein kleines Info-Fenster eingeblendet, das dazu auffordert, die aktuelle Website auf dem HomeScreen abzulegen. Zur Zeit noch iOS-only. Download add-to-homescreen.zip

16. April 2024

CSS „:has“ – der heimliche „parent-Selektor“

Ein weniger bekannter, aber in vielen Fällen sehr sinnvoller CSS-Selektor, ist die Pseudoklasse „:has“. So kann z.B. der Abstand nach Headlines, abhängig vom darauffolgenden Element gesteuert werden. Ein konkretes Beispiel, das in der Praxis sehr häufig vorkommt: „Wenn auf eine Headline eine Subline folgt, soll der Abstand 0px sein, wenn aber Fließtext folgt, soll der […]

24. März 2024

Das „Traveling Salesman Problem“

Vor einigen Tagen wurde ich gefragt, ob ich wüsste, wie man die optimale Route für eine Strecke mit 250 Zwischenzielen planen kann. Also habe ich mich auf die Suche nach einer Lösung gemacht. Dass es für diese Aufgabenstellung Bachelor-Arbeiten und sogar einen schönen Fachbegriff gibt, wusste ich zu diesem Zeitpunkt noch nicht: Das „Traveling Salesman […]

24. März 2024

Visily – kostenloses Wireframing-Tool mit KI-Unterstützung

Visily ist ein Wireframing-Tool, mit dem du einfach und schnell Screendesigns für Websites oder Apps erstellen kannst und ist somit vergleichbar mit Adobe XD, Figma & Co. Eine große Anzahl an Templates ermöglicht den schnellen Einstieg und Start. Mit der StickyNotes-Funktion können Kolleg*innen oder Kunden ihre Kommentare direkt im Entwurf platzieren. Eine Besonderheit von Visily, […]

18. März 2024

Kontaktformular Anti-Spam-Plugin

„Honeypot for Contact Form 7“ ist ein WordPress-Plug-in für „Contact Form 7, das dabei hilft, Kontaktformular-Spam zu verhindern ohne dass dafür ein Captcha erforderlich ist. Hierfür wird – der Name lässt es vermuten – ein „Honeypot“ genutzt. In diesem Fall ein unsichtbares Formularfeld, das Menschen nicht ausfüllen würden – ein Bot hingegen schon. Sobald das […]

2. März 2024

Google-Suche ohne personalisierte Suchergebnisse – startpage.com

Wenn du heute etwas bei Google suchst, bekommst du deine ganz persönlichen Suchergebnisse – basierend auf deinem Verlauf, deinem Standort und vielen weiteren Faktoren. In den meisten Fällen ist das sehr praktisch, kann aber auch unerwünscht sein. Wenn du z.B. prüfen möchtest ob die Suchmaschinenoptimierung einer Website funktioniert, bringt eine Google-Suche dir gar nichts, da […]

FRTG - Traces
Jetzt bei Apple Music & Spotify.