Über Web, Tech, Games, Art,
Musik, Code & Design

2. März 2023

Ausprobiert: Chrome OS Flex

Google hat vor ein paar Jahren ein eigenes Betriebssystem veröffentlicht. Seit einigen Monaten kann man Chrome OS auch auf beliebigen PCs und Macs installieren. Um Chrome OS vorab zu testen, kann man es von einem USB-Stick aus booten. So einen USB-Stick kann man über ein Chrome-Browser-Plugin mit Hilfe eines beliebigen Rechners erstellen. Wie das genau […]

28. Februar 2023

Warum man jQuery auch heute noch nutzen sollte.

jQuery ist eine JavaScript-Bibliothek, die seit ihrer Veröffentlichung im Jahr 2006 zu einem unverzichtbaren Tool für Front-End-Entwickler geworden ist. In den letzten Jahren hat sich die Art und Weise, wie Webseiten und Webanwendungen erstellt werden, stark verändert, und viele Entwickler haben jQuery als veraltet abgeschrieben und sich auf modernere Frameworks und Bibliotheken wie React oder […]

27. Februar 2023

Eigene Vorlagen für den Gutenberg-Editor erstellen

Der Gutenberg-Editor ist heute die wohl beste Art Website-Content zu bearbeiten. Noch besser ist er, seitdem er die Möglichkeit bietet, Vorlagen zu verwenden. Eine Vorlage, oder auch „Block-Pattern“, ist eine Zusammenstellung an Blocks, wie z.B. Headline, Bild, Text und beliebigen anderen Blöcken. So eine Vorlage lässt sich ganz einfach wie folgt erstellen. 1. Erstelle das […]

27. Februar 2023

Dateien umbenennen am Mac

Häufig ist es sinnvoll, das Dateinamen einem bestimmten Schema folgen. Nicht zuletzt aus SEO-Sicht ist es eine gute Idee, sinnvolle Namen zu vergeben. MacOS bietet eine hervorragende Möglichkeit eine beliebige Anzahl an Dateien auf einmal umzubenennen.

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/

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:

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 […]

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

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 […]

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 […]