Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- web:tools:start [2022/10/14 08:47] – phoenixseo
+++ 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>
@@ Zeile 25: / Zeile 49: @@
 <code>
+Syntax:
+https://source.unsplash.com/collection/[collection_id]/[width]x[height
 Eigene Collection:
 https://unsplash.com/collections/4759555/phoenixseo-collection
@@ Zeile 32: / Zeile 59: @@
 </code>
+===== picsum.photos =====
+Weitere Möglichkeit, Platzhalterbilder einfach per Parameterübergabe zu generieren. Anleitung direkt auf der Website:
+  * https://picsum.photos/