Open Source Schriftfamilien „Source Sans Pro“, „Source Serif Pro“ und „Source Code Pro“ 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.Weiterlesen Update: 16.03.2023 #CSS SCSS #fonts #hugo #webdesign
In der Markdown Datei Bilder per Shortcodes aus dem Page Bundle einbinden. 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.Weiterlesen 30.01.2023 #bilder #CSS SCSS #front matter #hugo #shortcodes #webdesign
SVG-Icons mit HTML und CSS/SCSS in Hugo integrieren 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.Weiterlesen Update: 28.01.2023 #bootstrap #CSS SCSS #hugo #shortcodes #svg
PHP mail() Kontaktformular für den statischen Webseiten Generator Hugo 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.Weiterlesen Update: 22.12.2022 #CSS SCSS #hugo #mail #php
Pagination mehrfach auf einer Website einsetzen 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.Weiterlesen 02.01.2022 #CSS SCSS #hugo #pagination
Variable Schriftgrößen für das Responsive Webdesign 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.Weiterlesen Update: 01.08.2021 #bootstrap #CSS SCSS #fonts