Über Web, Tech, Games, Art,
Code & Design

21. April 2024

INTRCLCK – Ein Uhrzeit-Bildschirmschoner

Hier hatte ich schon geschrieben, wie man Websites als Screensaver für den Mac nutzen kann. Hierzu muss lediglich das zip „WebViewScreenSaver-2.0.zip“ runtergeladen werden: https://github.com/… Unter folgender URL, findest du eine Website, die als Uhrzeit-Bildschirmschoner eingesetzt werden kann: https://www.fbnfrtg.de/rndm/intrclck/

12. April 2024

Kostenlose Vektor-Emojis 😀 👍

Google stellt mit dem kostenlosen Font „Noto Color Emoji“ ein umfangreiches Set schön gestalteter Emojis zur Verfügung. Die Emojis bestehen aus Vektoren und können somit im Web und Print in beliebiger Größe eingesetzt werden. In InDesign, Illustrator & Co., können die Emojis über der Glyphen eingefügt werden. Alternativ können sie aus dieser Übersicht mit Copy […]

31. März 2024

MagSafe-Ladegerät aus Holz

Seit dem iPhone 12 hat Apple im iPhone MagSafe verbaut. Das ist im Prinzip nichts anderes als kabelloses Laden per Induktion nach dem Qi-Standard, aber erweitert um einen starken Magneten, der das Ladekabel oder das iPhone in Position hält. Es gibt eine ganze Reihe MagSafe-Ladegeräte bei Amazon und Co. Auf ein ganz besonderes bin ich […]

24. März 2024

Visily – kostenloses Wireframing-Tool mit KI-Unterstützung

Visily ist ein Wireframing-Tool, mit dem du einfach und schnell Screendesigns für Websites oder Apps erstellen kannst und ist somit vergleichbar mit Adobe XD, Figma & Co. Eine große Anzahl an Templates ermöglicht den schnellen Einstieg und Start. Mit der StickyNotes-Funktion können Kolleg*innen oder Kunden ihre Kommentare direkt im Entwurf platzieren. Eine Besonderheit von Visily, […]

19. März 2024

Passwort-geschütztes PDF in InDesign platzieren

Ein Passwort-geschütztes PDF kann in der Regel nicht in InDesign platziert werden. Mit einem einfachen „Trick“ kann der Passwort-Schutz entfernt werden: Nachdem du das PDF bei ilovepdf.com hochgeladen und komprimiert hast, ist der Passwort-Schutz verschwunden und das PDF kann platziert oder bearbeitet werden. www.ilovepdf.com/de/pdf_komprimieren

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 […]