10 Juni, 2023

„Thin Air“ – Licht- und Soundinstallation im „The Beams“ in London

• Art

29 Mai, 2023

So kann man die WordPress-Gallery für eine Logoübersicht nutzen

Die WordPress-Gallery kann nicht nur für Bildergalerien, sondern auch für Logos genutzt werden. Das Problem hierbei ist, dass die Logos oft alle unterschiedlich groß sind und ein unterschiedliches Seitenverhältnis haben. Idealerweise werden die Logos also alle in einem gleich großen Rechteck oder Quadrat positioniert und innerhalb dieser Fläche positioniert. Mit folgendem Code kannst du die […]

• CSS

17 Mai, 2023

Custom Fields im WordPress-Backend in der Beitrags-Übersicht anzeigen

Gerade bei Custom Post Types werden in der Regel auch Custom Fields eingesetzt. Z.B. bei einer Veranstaltungsübersicht, einem Seminarkalender oder ähnlichen Post-Types. Standardmäßig werden bei Custom Post Types in der Beitragsübersicht im Backend nur Titel und Beitragsdatum angezeigt. Mit folgendem Code in der functions.php können auch die Einträge von Custom Fields, z.B. das Veranstaltungsdatum o.ä. […]

• PHP
• WordPress

16 Mai, 2023

HTML-„Accordion“ ohne JavaScript

Dass Accordions ein beliebtes UI-Element im Webdesign sind, hatte ich hier schon mal geschrieben. Tatsächlich kann man Accordions auch ohne HTML und im Prinzip sogar ohne CSS erstellen. Hierfür gibt es das wenig bekannte HTML5-Element „details“: Ganz ohne CSS sieht das Element so aus: Lorem ipsum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam […]

• HTML

12 Mai, 2023

Thin Air – Kunstinstallation in London

UPDATE: Der Trailer ist leider nicht mehr online. Hier gibt es aber mein Video aus der Ausstellung: https://www.fbnfrtg.de/thin-air-licht-und-soundinstallation-im-the-beams-in-london/ In London im „The Beams – The Centre of new Culture“, einer riesengroßen leerstehenden Fabrikhalle, ist zur Zeit ein unfassbar beeindruckende Kunst-, Licht und Sound-Installation: Thin Air. Hier gibt es einen kurzen Einblick in die „immersive Kunstausstellung“: […]

• Art
• Design

12 Mai, 2023

Uncaught TypeError: $ is not a function

Diese Fehlermeldung aus der Konsole kennt wohl jeder, der mit WordPress und jQuery arbeitet. Dieser Fehler tritt meistens auf, wenn es Konflikte mit anderem JavaScript gibt. In der Regel kannst du diesen Fehler beheben indem du deinen jQuery-Code mit folgenden Zeilen umschließt:

• jQuery

7 Mai, 2023

Was ist eigentlich npm? Und wie kann ich mit npm Dateien downloaden?

Ich habe mich lange Zeit gesträubt mich mit dem Thema node.js und npm auseinander zu setzen. Es hat für mich keinen Sinn ergeben Downloads über eine Kommandozeile anzufordern, wenn doch seit über 20 Jahren, Millionen von Designern in unzähligen Stunden schicke und intuitive User-Interfaces für Browser und Websites entwickeln. Ich mag es, wenn ich einen […]

• node.js
• npm

3 Mai, 2023

JSON2HTML – JSON-Strings mit PHP auslesen und als HTML ausgeben

Informationen anderer Dienste oder Websites, z.B. Stellenangebote, werden häufig über eine JSON-API bereitgestellt. So könnte ein JSON-String z.B. aussehen. Mit folgendem Code kann der JSON-String ausgelesen und als HTML-Liste ausgegeben werden:

• JSON
• PHP

30 April, 2023

Automatischer Reload von WebApps

WebApps können in vielen Fällen ein praktisches Tool sein. Insbesondere seitdem ist seit iOS 16.4 auch möglich ist Push-Nachrichten mit Web-Apps zu verschicken. Ein Praxis-Fall könnte z.B. sein: Du erhältst eine Push-Nachricht, die dich über eine Statusänderung informiert. Daraufhin öffnest du die WebApp. Das Problem: Du siehst einen alten Status, da die WebApp noch im […]

• jQuery

30 April, 2023

Burst – Alternative zu Google Analytics

Eine weitere Alternative zu Google Analytics ist das WordPress-Plugin „Burst Statistics„, die verspricht, datenschutzfreundlich zu sein. Burst reicht in den meisten Fällen aus um sich einen Überblick darüber zu verschaffen, wie viel Besucher auf der Website unterwegs sind und welche Seiten wie oft aufgerufen werden. Die Daten werden dabei anonymisiert und nicht auf externe Server […]

• WordPress