26 Februar, 2023

QR-Code-Generator

Hier habe ich einen QR-Code-Generator gebaut, der auf Basis des jQuery-Plug-ins „jquery.qrcode.js“ funktiert. Schnell, schlank, schön. www.fbnfrtg.de/tools/qr-generator/

• JavaScript
• jQuery

26 Februar, 2023

Bestimmte Wörter NICHT trennen.

Mit der Einführung von CSS3 vor einigen Jahren war es endlich möglich lange Wörter in Texten automatisch trennen zu lassen. Häufig führt diese Funktion jedoch zu unerwünschten Ergebnissen, insbesondere wenn z.B. Markennamen getrennt werden, die nicht getrennt werden sollen. Das lässt sich mit folgendem JavaScript (& CSS) einfach verhindern:

• CSS
• JavaScript

25 Februar, 2023

Warum man beim Pflegen einer Website unbedingt auch die Bildgrößen im Blick behalten sollte.

Immer wieder stolpere ich auf Websites über riesengroße Bild-Dateien, die einfach in Orignalgröße unkomprimiert hochladen worden sind. Wenn Fotos unbearbeitet aus der Kamera oder dem Smartphone direkt hochgeladen werden, sind die Bilder häufig mehr als 4000px breit und über 2MB groß. Das ist in den meisten Fällen zwar, dank einer schnellen DSL-Verbindung egal, es gibt […]

• 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

25 Februar, 2023

4 praktische .htaccess-Snippets

Die .htaccess-Datei kann verwendet werden, um viele verschiedene Aspekte der Website-Verwaltung zu steuern, z.B. die Umleitung von URLs, die Konfiguration von Caching, die Aktivierung von Kompression, die Anzeige von Fehlermeldungen und vieles mehr. Im Folgenden möchte ich ein paar praktische Anwendungsbeispiele zeigen. Den Inhalt folgender htaccess-Datei nutze ich standard-mäßig auf fast allen Websites – inbesondere […]

• htaccess
• WordPress

23 Februar, 2023

Quadratische Thumbs in der WordPress-Bildergalerie

Die Gallery-Funktion in WordPress ist wirklich großartig. Alle Fotos auf einmal per Drag&Drop in den Editor und der WordPress-Magic dabei zuschauen, wie sie daraus eine Galerie zaubert ist super. An den Standard-Einstellungen stören mich allerdings 2 Sachen: Außerdem nutze ich in Bildergalerien gerne quadratische, gecroppte Thumbnails. Eine Möglichkeit das in den Gallery-Settings einzustellen gibt es […]

• CSS
• WordPress

23 Februar, 2023

Download-Links mit passenden Icons

Download-Links können ganz einfach automatisch mit passenden Icons gekennzeichnet werden – ganz ohne PHP oder JavaScript, sondern nur mit CSS. In diesem Beispiel mit Hilfe von Font Awesome.

• CSS

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

20 Februar, 2023

Simple Image Gallery

Es kommt häufig vor, dass ich Kunden oder Kollegen, kurzfristig Fotos zur Verfügung stellen muss, oder eine Auswahl an Fotos präsentieren möchte. Für diesen Zweck habe ich ein kleines PHP-Script geschrieben. „Simple Image Gallery“ kann einfach auf einem Webserver abgelegt werden. Dort liest das Script alle Bilder aus dem Verzeichnis „img“ aus und erstellt mit […]

• PHP

20 Februar, 2023

Die 8 besten WordPress-Plug-ins

Jede Website hat natürlich ein individuelles Anforderungsprofil an Plug-ins. Auf diese 8 Plug-ins kann ich jedoch bei kaum einer Website verzichten:

• WordPress