27. August 2023

Mit CSS clip-path kannst du divs in jeder beliebigen Form erstellen.

Standardmäßig ist ein div viereckig. Um außergewöhnliche Designs umzusetzen, ist es manchmal erforderlich, dass divs in einer anderen Form dargestellt werden müssen. In der Regel setzt man hier dann pngs mit Transparenz ein. Für einfache Formen sind CSS clip-paths allerdings die elegantere Lösung. So kann z.B. solch ein Hexagon mit folgendem Code erzeugt werden. Die […]

• CSS
• HTML

27. Juli 2023

Schicke kostenlose Icons

Seeehr viele schicke, zeitgemäße Icons gibt es auf www.streamlinehq.com. Einige Sets sind kostenlos, wer mehr braucht, kann für 20$/Monat ein Premium-Paket buchen. Besonders praktisch: Für den Mac gibt es Streamline auch als App. Damit kannst du die Icons direkt per Drag & Drop als Vektorgrafik in dein Grafikprogramm ziehen. Tipp: Wenn du ein Icon direkt […]

• Design

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

10. Juni 2023

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

• Art

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

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

12. März 2023

Helvetica-Alternative: Inter

Ich bin ja immer noch Fan der Helvetica. Das Problem ist, dass es auf Grund der Lizenzen schwierig ist, sie im Web einzusetzen. Rasmus Andersson hat im Jahr 2016 eine Schriftfamilie entwickelt, die von Ihrer Ästhetik stark an die Helvetica erinnert: Die „Inter“. Die „Inter“ ist unter der „Open Font License“ lizensiert, bei Google Fonts […]

• Fonts

18. Februar 2023

8 richtig gute Sans-Serif Google Fonts

• Design
• Fonts