web:tools:start
Dies ist eine alte Version des Dokuments!
Inhaltsverzeichnis
WebDev Tools
Übersichten
- Nützliche Websites https://devdojo.com/astrodevil/25-must-visit-killer-websites-for-developers
Tools
- Chrome Dev Tools: https://developer.chrome.com/docs/devtools/
- Figma: Online-Design Tool, https://www.figma.com/de/, https://www.figma.com/team_invite/redeem/aroxSW6kbAVOQ8deJFux6H
- Farben: https://coolors.co/
- Farben: https://encycolorpedia.de/
- Code ausprobieren: https://codepen.io/
- Farb-Kontrast checken: https://webaim.org/resources/contrastchecker/
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.ä.
Stamm-URL: https://source.unsplash.com/ Dahinter die Parameter random: zufälliges Bild 123x123: Bild-Dimensionen ?keyword: Schlagwort Bildersuche Beispiel: https://source.unsplash.com/random/1536x450/?future-technology
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.
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
web/tools/start.1665737583.txt.gz · Zuletzt geändert: 2022/10/14 08:53 von phoenixseo