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

27. April 2023

iCloud-WebApps

Wusstest du, dass Apples iCloud auch über eine Web-Oberfläche verfügt? Auf icloud.com finden sich eine ganze Reihe Apps, die du direkt im Browser nutzen kannst und die selbstverständlich auch mit den Daten deines Macs synchronisiert sind. Das ist z.B. sehr praktisch, wenn du von deinem Büro-Rechner aus, auf deine privaten Daten zugreifen willst. Besonders praktisch […]

• Apple
• Mac

25. April 2023

fffuel

Auf fffuel.co gibt es jede Menge cooler Tools und Generatoren um Farbverläufe, Muster, Formen, Texturen und Hintergründe für Websites (oder auch Print-Produkte) zu erstellen. Die meisten Tools erzeugen svgs – somit sind die Ergebnisse beliebig skalierbar. Definitiv einen Blick wert: https://fffuel.co/

• Design

25. April 2023

So kannst du Push-Mitteilungen von deiner Website versenden

Push-Mitteilungen oder Browser-Benachrichtigungen sind eine coole Möglichkeit die User einer Website auch dann zu erreichen, wenn sie gerade nicht auf der Website sind. Push-Nachrichten funktionieren in allen aktuellen Desktop-Browsern, auf Android-Smartphones und seit April 2023 auch endlich auf iOS (iOS 16.4) – allerdings mit einer Einschränkung: Die Website muss als WebApp „installiert“ sein. Beispiele für […]

• Google
• JavaScript