28. Juni 2023

DearFlip macht aus PDFs schicke FlipBooks

• Design
• WordPress

27. Juni 2023

CSS PageFlip-Effekt für einen Magazin-Titel

Mit folgendem HTML-Snippet lässt sich schnell und unkompliziert eine schicke kleine Animation erzeugen, die einen kleinen Einblick auf Seite 3 eines Print-Magazins gewährt und z.B. auf das PDF des Magazins verlinken könnte.

• CSS
• Design
• HTML

11. Juni 2023

Focal Point – ein WordPress-Plugin mit dem man den Fokuspunkt eines Bildes definieren kann

• CSS
• WordPress

11. Juni 2023

HDR-Videos vom iPhone in Final Cut nutzen

iPhones nehmen Videos standardmäßig in HDR auf. Wenn du ein HDR-Video vom iPhone in Final Cut importierst wirst du feststellen, dass das Bild zu hell dargestellt wird. Dieses Problem kannst du ganz einfach lösen, indem du bei den Effekten nach „HDR“ suchst, das HDR-Werkzeug auf den Clip anwendest und den Modus auf „PQ zu Rec. […]

• FinalCut
• Video

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