Fontshare ist eine Online-Bibliothek für hochwertige Schriftarten, die kostenlos heruntergeladen und auch in kommerziellen Projekten verwendet werden dürfen. Die Plattform bietet eine kuratierte Auswahl moderner…
Blob Tracking ist ein Verfahren der Computer Vision, bei dem bewegte Objekte oder Bildbereiche erkannt, lokalisiert und über mehrere Frames hinweg verfolgt werden. Die sogenannten…
Auf anvaka.github.io/city-roads/ kannst du minimalistische Straßenkarten von jeder beliebigen Stadt erzeugen und als svg exportieren. Die Karten werden aus den Daten von OpenStreetMaps generiert und…
Typografie ist mehr als eine ästhetische Nebensache – sie ist ein zentrales Werkzeug der Kommunikation. Ob im Print oder im Web: Typografische Regeln sorgen dafür,…
Auf www.free-mockup.com gibt es unzählige sehr gute Photoshop-Mockups, die auch kommerziell genutzt werden dürfen. Wie z.B. dieses Magazin-Mockup: Oder dieses iPhone-Air-Mockup: Dein eigenes Design, kannst…
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…
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…
Ein beliebtes Gestaltungselement auf Websites ist die Kombination aus Text und Bild, wobei das Bild die Hälfte der Bildschirmbreite einnehmen soll, der Text aber wiederum…
Endlich habe ich die ultimative Lösung gefunden um Logos auf einer Website darzustellen. Viele Jahre habe ich mit „float“, „margin“, Spacern & Background-Images gearbeitet und…
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…
Wie man Blöcken im Gutenberg-Editor eigene Klassen zuweisen kann, hatte ich hier schon mal beschrieben. Hierbei wird die Klasse jedoch immer auf den gesamten Block…
Eine Prozessgrafik (oder Ablaufdiagramm) ist ein sinnvolles Gestaltungselement um Abläufe zu visualisieren. Z.B. so: Step 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Step…