17. Oktober 2023
Farbpaletten – praktisches Hilfsmittel und Inspirationsquelle
Bei der Entwicklung eines (Screen-)Designs, müssen viele Entscheidungen getroffen werden. Layout, Raster, Schriften, Größen uvm… Wenn die Farben nicht vom Kunden oder vom Projekt vorgegeben sind, lohnt es sich, mal einen Blick auf fertige Farbpaletten zu werfen. So erhältst du auf einen Blick Farbvorschläge, dazu passende Farben und einen ersten Eindruck, wie die Farben zusammen […]
13. Oktober 2023
Reihenfolge der Spalten im Gutenberg-Editor mobil ändern.
Ein häufig verwendeter Design-Aufbau im Web ist: „Text links, Bild rechts“. Dieser Aufbau lässt sich auch im Gutenberg-Editor in WordPress sehr leicht umsetzen. Das Problem hierbei ist, dass das Bild in der mobilen Ansicht, standardmäßig unter dem Text ist. Mit folgendem CSS lässt sich die Reihenfolge der Spalten ändern: Die Klasse muss anschließend nur noch […]
11. Oktober 2023
Test-PDF
Hier ist ein Test-PDF, das als Platzhalter für PDF-Downloads auf Websites dienen kann.
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 […]
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 […]
28. Juni 2023
DearFlip macht aus PDFs schicke FlipBooks
Endlich mal ein FlipBook-Plug-in, das schlicht, schick und simpel ist, nicht mit Werbung oder Wasserzeichen nervt und „out of the box“ genau so funktioniert, wie man sich das vorstellt: Dearflip Dearflip macht aus einem PDF in wenigen Sekunden ein schickes FlipBook. Und das Beste: Als WordPress-Plug-in ist es sogar kostenlos. Für den Einsatz außerhalb von […]
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.
10. Juni 2023
„Thin Air“ – Licht- und Soundinstallation im „The Beams“ in London
Jetzt habe ich es tatsächlich noch geschafft am letzten Tag die Ausstellung „Thin Air“ in London zu besuchen. Hier ein paar meiner Eindrücke dieser atemberaubenden, immersiven Installation:
12. Mai 2023
Thin Air – Kunstinstallation 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“: Wow!
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/