16. Oktober 2023

Eigene Farben im Gutenberg-Editor definieren / Span-Styles in WordPress

• CSS
• Design
• WordPress

24. August 2023

So erstellst du eine Prozessgrafik mit HTML & CSS.

• CSS
• Design
• 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

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

15. März 2023

Design- und Code-Inspiration: Die Code-Pens von Gayane Gasparyan

Vielleicht nicht alles alltags-tauglich, aber definitiv sehr inspirierend sind die Code-Pens auf folgender Seite: https://codepen.io/gayane-gasparyan/pens/showcase

• CSS
• Design
• JavaScript

14. März 2023

Blur-Effekte mit CSS

Blur-Effekte sind ein beliebtes Gestaltungsmittel im Web-Design. In CSS gibt es 2 Arten von Blur-Effekten: „filter: blur(8px)“ und „backdrop-filter: blur(8px)“. Während ersterer schon sehr lange in allen gängigen Browsern funktioniert und eingesetzt werden kann, funktioniert die CSS-Eigenschaft „backdrop-filter: blur“ im Firefox erst seit Version 103, die im Juli 2022 veröffentlicht worden ist. Jetzt gibt es […]

• CSS
• Design

10. März 2023

Neuronale Filter in Photoshop

Seit CC-Version 2021 gibt es Photoshop auch neuronale Filter. „Neural Filters“ sind verlustfreie, generative Filter mit denen du Bilder verändern kannst, indem der Filter neue kontextabhängige Pixel generiert, die im Originalbild nicht vorhanden sind.  Recht beeindruckend und in bestimmten Fällen durchaus hilfreich ist z.B. der Filter „Färben„. Hiermit können Schwarz-Weiß-Bilder koloriert werden. Die „Entscheidung“ welcher […]

• Design
• Photoshop