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

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.

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

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

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:

19. Februar 2023

Externe Links in neuem Fenster öffnen

Mit folgendem JavaScript werden alle Links einer Website, die auf einer externe Seite führen, in einem neuen Fenster geöffnet. Fun Fact: Irgendwo habe ich einen ähnlichen Code schon mal eingesetzt. Statt ihn zu suchen, habe ich Chat GPT erneut auf die Probe gestellt. Meine Anfrage lautete: „Erstelle ein Javascript, das bewirkt, dass alle externen Links […]

19. Februar 2023

SleekDB – eine NoSQL-Datenbank, die Spaß macht!

Ich muss häufiger mal kleinere Stand-Alone-Anwendungen programmieren, z.B. eine Veranstaltungs-Anmeldung, ein QR-Code-Verwaltungs-Tool oder ein Mitarbeiter-Verzeichnis. Hierfür ist eine WordPress-Installation oft zu aufwändig oder bietet nicht die gewünschten Voraussetzungen. Während ich solche Jobs früher in der Regel mit MySQL umgesetzt habe, nutze ich heute gerne SleekDB! SleekDB bezeichnet sich auf der Website selbst wie folgt: „SleekDB […]

18. Februar 2023

Chat GPT programmiert jQuery-PlugIn

Kann Chat GPT wirklich programmieren? Ich konnte es nicht glauben, aber es funktioniert tatsächlich. Ich habe Chat GPT gebeten ein jQuery-Plugin zu programmieren. Meine einzige Anweisung war „Erstelle ein jQuery-Plugin, dass Fotos in einer Lightbox öffnet.“ Und heraus gekommen ist tatsächlich ein funktionierendes jQuery-Plugin. Hier ist das Ergebnis: www.fbnfrtg.de/demo/chatgpt-jquery-lightbox.html

18. Februar 2023

Bild mit 100% Breite im Bootstrap-Container

Jeder, der mit Bootstrap arbeitet stand bestimmt schon mal vor diesem Problem: Die Breite der Inhalte ist durch den Bootstrap-Container begrenzt, jetzt soll aber ein Bild über die ganze Breite des Bildschirms laufen. Das naheliegende „width: 100%“ bezieht sich auf die Breite des Containers und funktioniert somit natürlich nicht. Und wenn der Image-Container absolut positioniert […]

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

18. Februar 2023

8 richtig gute Sans-Serif Google Fonts

Datenschutz Impressum