25. März 2023

Contact Form 7 Kontaktformular-Template

Contact Form 7 ist im Prinzip DAS Kontaktformular-Plug-in für WordPress. Hier ist ein Code für ein beispielhaftes Formular mit häufig genutzten Feldern und Bootstrap-Spalten sowie die dazugehörige E-Mail-Vorlage zum copy&pasten. Das Ergebnis:

• HTML
• WordPress

20. März 2023

Formulareingaben lokal speichern

Mit folgendem JavaScript/jQuery-Code lassen sich Formulareingaben lokal speichern und müssen somit beim nächsten Aufruf der Seite nicht erneut eingegeben werden. Demo: Vorname Name Dieser Code sollte logischerweise nicht für sensible Daten oder Passwörter genutzt werden, da die Daten im Klartext im localStorage des Browsers gespeichert werden.

• HTML
• JavaScript
• jQuery

9. März 2023

Was ist eigentlich ein Honeypot?

Wörtlich genommen ist der Honeypot der Honigtopf, mit dem der Bär in ein Falle gelockt werden soll. Der Begriff „Honeypot“ bezeichnet in der IT ein Verfahren um Hacker, Angreifer oder Bots mittels eines „Köders“ davon abzuhalten, in ein Netzwerk oder eine Website einzudringen, um Zugriff auf vertrauliche Daten zu erhalten, Schaden anzurichten oder schlicht Spam […]

• HTML
• WordPress

25. Februar 2023

HTML5-Video-Template

Analog zu dem Script, das ich häufig nutze um Fotos bereitzustellen, nutze ich folgenden Code um Videos abszustimmen oder bereitzustellen: Das Snippet gibt es hier auch als Download: Download Videosnippet

• HTML

21. Februar 2023

Icon-Fonts und SVG-Icons

Font AwesomeVor über 10 Jahren wurde Font Awesome veröffentlicht und ist seitdem für die Icons auf Millionen von Websites verantwortlich. Im Jahr 2020 wurde Font Awesome von immerhin auf 38 %(!) der Websites verwendet, die Schriftskripte von Drittanbietern verwenden. Seit fast 7 Jahren (Okt 2017) gibt es jetzt die Version 4.7, die nach wie vor […]

• CSS
• Design
• HTML

18. Februar 2023

WordPress-PlugIn „Lazy Blocks“

„Lazy Blocks“ ist ein Gamechanger und ein echtes Must-Have in jedem WordPress-Backend! Klar, der Gutenberg-Editor hat das Bearbeiten von Websites revolutioniert – aber Lazy Blocks ist genau das, was noch gefehlt hat. Mit Lazy Blocks kannst du eigene Blöcke bauen. Und so ein Block kann im Prinzip alles sein: Slider, Kontakt-Box, Accordion, Downloads… also alles, […]

• HTML
• LazyBlocks
• WordPress

15. Februar 2023

Text2HTML

Bei der Bearbeitung von statischen HTML-Websites ist es häufig ziemlich nervig den Text direkt im Code zu formatieren. Insbesondere, wenn es um Listen oder andere verschachtelte Elemente geht. Um diese Arbeit zu vereinfachen, habe ich ein kleines Tool geschrieben, in dem man mit Hilfe des WYSIWYG-Editors TinyMCE Texte einfach formatieren und das generierte HTML kopieren […]

• fbnfrtg
• HTML
• Tools

13. Februar 2023

CMS für statische HTML-Websites

Inzwischen etwas in die Jahre gekommen aber in vielen Fällen immer noch eine sinnvolles Tool. Vor 9 Jahren (2014) habe ich Coast CMS entwickelt und veröffentlicht. www.coast-cms.de Coast CMS ist ein ContentManagementSystem, das etwas anders funktioniert als die meisten anderen CMS: Es wird in bereits bestehende, statische HTML-Websites integriert und macht diese editierbar. Statt die Änderungen […]

• Download
• HTML