Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- web:tools:start [2022/06/13 14:35] – angelegt - Externe Bearbeitung 127.0.0.1
+++ web:tools:start [2024/03/19 10:34] (aktuell) – phoenixseo
@@ Zeile 14: / Zeile 14: @@
   * Code ausprobieren: https://codepen.io/
   * Farb-Kontrast checken: https://webaim.org/resources/contrastchecker/
+===== Fonts =====
+  * https://fontjoy.com/# -- Font pairings AI Tool
+  * https://www.modularscale.com/ -- Font Scale Tool
+  * https://www.typewolf.com/ -- Font Exploration
+  * https://discover.typography.com/ -- Font Inspiration
+  * https://chromewebstore.google.com/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh -- Identify Fonts on Websites
+  * https://practice.typekit.com/ -- Typo Learning
+===== Unsplash Platzhalterbilder =====
+unsplash.com ist eine Online-Bilddatenbank mit User-generiertem Content, lizenzfrei. Durch den Aufruf mit Parametern erhält man perfekte Platzhalterbilder für Webdesigns o.ä.
+<code>
+Stamm-URL:
+https://source.unsplash.com/
+Dahinter die Parameter
+random: zufälliges Bild
+x123: Bild-Dimensionen
+?keyword: Schlagwort Bildersuche
+Beispiel:
+https://source.unsplash.com/random/1536x450/?future-technology
+</code>
+==== Eigene Collection ====
+Als registrierter User kann man bei unsplash.com eigene Collections anlegen, um die Auswahl der gezeigten Bilder zu steuern. So kann unsplash.com auch für Produktiv-geschaltete Projekte genutzt werden.
+<code>
+Syntax:
+https://source.unsplash.com/collection/[collection_id]/[width]x[height
+Eigene Collection:
+https://unsplash.com/collections/4759555/phoenixseo-collection
+Hieraus wird dieser Aufruf:
+https://source.unsplash.com/collection/4759555/1536x300
+</code>
+===== picsum.photos =====
+Weitere Möglichkeit, Platzhalterbilder einfach per Parameterübergabe zu generieren. Anleitung direkt auf der Website:
+  * https://picsum.photos/