Tabbed Content
Mit folgendem Code lässt sich schnell und unkompliziert ein Tabbed-Content-Bereich umsetzen: Eins Zwei Drei Duis autem vel eum iriure dolor in hendrerit in vulputate velit…
WebDev
CSS-Library für Formulare
Mit der CSS-Library „nice-forms.css“ lassen sich schnell und einfach gut aussehenden Formulare umsetzen. Besonders gelungen finde ich, dass sich die Farbigkeit aller Elemente mit einer…
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…
CSS hover underline animation
Mit folgendem Code kannst du Links animiert unterstreichen – auch Links, die sich über mehrere Zeilen erstrecken.
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…
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…
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
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…
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…
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…
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.…
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…