#CSS SCSS

Fonts lokal in Hugo benutzen

Kostenlose Fonts finden, downloaden, in Hugo lokal integrieren und in den Webseiten benutzen. Eine Beschreibung meiner Vorgehensweise. Fonts werten die Textdarstellung von Webseiten optisch auf.

Hugo - Page Bundle Shortcodes für Bilder

In diesem Beitrag beschreibe ich wie Bilder des Page Bundle im Front Matter der Markdown Datei deklariert werden. Da mir die Markdown Möglichkeiten der Bildausgabe nicht ausreichen, habe ich zwei Shortcodes mit mehr Möglichkeiten ( Größe, Positionierung, Caption) programmiert.

Kostenlose Bootstrap SVG-Icons in Hugo benutzen

Bootstrap stellt mehr als 1800 SVG-Icons zur Verfügung. Wie einfach diese in Hugo benutzt werden können, beschreibe ich in diesem Beitrag. Die Bootstrap SVG-Icons können auch unabhängig vom Bootstrap Toolkit eingesetzt werden.

Hugo - Kontaktformular mit PHP

Hugo Website Anleitung für ein multilinguales PHP mail() Kontaktformular. Mit Honeypot Input Feldern, Eingabeüberprüfung und Fehlerausgabe. Viel Aufwand für ein einfaches, aber sicheres Kontaktformular.

Hugo - Pagination für Blogbeiträge und Tags

Und es geht doch - Pagination mehrfach auf einer Website einsetzen. Mit der Hilfe von Joe Mooring habe ich unterschiedliche Pagination für meine Blogbeiträge auf der Startseite und für die Tag-Liste erstellt.

Bootstrap RFS - Responsible Font Sizes

Bootstrap RFS automatisiert und vereinfacht die Anpassung von Schriftgrößen im Responsive Webdesign. Das Benutzen ist wirklich ganz einfach.

RFS berechnet automatisch die entsprechenden Werte basierend auf den Abmessungen des Browser Viewports.