====== Verschiedene Web-Generatoren  und Converter ======

(:

===== Allgemein / Sammlungen  =====

  * [[https://tiny-helpers.dev/|tiny-helpers.dev]] - Liste von verschiedenen Web-Tools, versch. Kategorien
  * [[https://www.qrcode-monkey.com/de/|qrcode-monkey-com]] - QR-Code-Generator, mit EPS & SVG Format und vielen Containern


===== Bilder, Fotos & Mockups  =====

  * [[https://mockups-design.com/|mockups-design.com]] - kostenlose Mockups, viel Auswahl, alles PSDs
  * [[https://unsplash.com/|unsplash.com]] - kostenlose Hochauflösende Bilder, sehr stylisch, gut sortiert
  * [[https://www.pexels.com/|pexels.com]] - kostenlose Hochauflösende Bilder
  * [[https://www.mockupworld.co/|mockupworld.co]] - Mockups
  * [[https://www.freemockupworld.com/|freemockupworld.com]] - Mockups
  * [[https://www.mockupworldhq.com/|mockupworldhq.com]] - Mockups


===== Arbeiten mit Text =====

  * [[https://gwfh.mranftl.com/fonts|Google Webfonts Helper]]  - Google Fonts zu lokalen Fonts machen
  * [[https://www.soscisurvey.de/tools/view-chars.php|View Chars]] - Nicht sichtbare Textzeichen anzeigen lassen
  * [[https://word2cleanhtml.com/|word2cleanhtml.com]] - Wordtext zu sauberen HTML Konvertieren
  * [[https://loilo.github.io/diffr/|diffr]] - Unterschiede zwischen 2 Texten finden
  * [[https://regex101.com/|regex101.com]] - Regex Tester
  * [[https://ihateregex.io/|ihateregex.io]] - Regex Vorlagen und Visualisierung
  * [[https://tree.nathanfriend.io/|tree.nathanfriend.io]] - ASCII Path Tree Generator, nützlich für Doku
  * [[https://www.spellboy.com/|spellboy.com]] - Rechtschreibkontrolle Deutsch, Englisch & andere Sprachen

===== CSS Zeug ====

  * [[https://www.cssfontstack.com/|cssfontstack.com]] - Fontstacks 
  * [[https://loading.io/spinner/|loading.io]] - CSS-Loading Animations
  * [[https://cssgenerator.org/|cssgenerator.org]] - CSS Generatoren für Verläufe, Schatten und allem möglichen
  * [[https://brumm.af/shadows|brumm.af/shadows]] - CSS Shadow Generator, sehr komplexe Schatten
  * [[https://uigradients.com/|uigradients.com]] - Gradient Inspiration & Generator
  * [[https://bennettfeely.com/clippy/|bennettfeely.com/clippy]] - CSS Formen Generator per Clip-Path


===== HTML Snippets =====

  * [[https://htmlboilerplates.com/|htmlboilerplates.com]] HTML5 Boilerplate Generator
  * [[https://webcode.tools/generators/meta-tags|webcode.tools/generators]]  Metatext, Schema &  Opengraph Generator (+ viele andere)
  * [[http://minifycode.com/html-beautifier/|HTML Beautifier]] - HTML sauber strukturieren
  * [[https://metatags.io/|Metatags.io]] - Meta Tag generator für Sharing Tags und so
  * [[https://brandmark.io/logo-crunch/|Logo Crunch]] - Logos verkleinern, damit Details behalten werden (Gut für Favicons)
  * [[https://word2cleanhtml.com/|word2cleanhtml.com]] - Wordtext zu sauberen HTML Konvertieren

===== E-MAIL =====
  * [[https://templates.mailchimp.com/resources/inline-css/|mailchimp.com » CSS Inliner]] - CSS Inliner Tool per Copy%Paste
  * [[https://github.com/derekpunsalan/responsive-email|derekpunsalan/responsive-email]] - einfaches Responsive Template. 
  * [[https://emailpreviewservices.com/en|emailpreviewservices.com]] - Mail Client Testing Tool
  * [[https://testi.at/|testi.at]] - Mail Client Testing Tool


===== Snippets & Versatzstücke ====

  * [[https://htmlboilerplates.com/|htmlboilerplates.com]] - HTML Boilerplate Generator
  * [[https://lottiefiles.com/featured|lottiefiles.com]] - Sammlung von HTML Animationen, z.B. für 404 Seiten

===== Icons & SVG ====

  * [[https://haikei.app/generators/]] - Generator Sammlung, sehr funky, Blob, Fades, Stacks, alles (noch kostenlos)
  * [[https://remixicon.com/|remixiocn.com]] - Viele Icons, viele Varianten, SVG, PNG und Inlince Code!  **Favorit**
  * [[https://feathericons.com/|feathericons.com]] - SVG Icons mit einstellbarer Größe & Dicke
  * [[https://boxicons.com/|boxicons.com]] - SVG/PNG Icons auch mit Animation und Farbeinstellung
  * [[https://systemuicons.com/|systemuicons.com]] - Nur System Icons
  * [[https://phosphoricons.com|phsphoricons.com]] - Einige Icons, Strichstärke & Farbe einstellbar - auch Duo-Farben!
  * [[https://iconscout.com/unicons/explore/line|iconscout.com]] - Sehr viele Icons, Farbe einstellbar, SVG
  * [[https://tablericons.com/|tablericons.com]] - Viele Icons, aber nur per Copy&Paste als CSV
  * [[https://www.iconfinder.com/|iconfinder.com]] - Viele Icons, aber sehr unterschiedliche Qualität leider

  * [[https://getwaves.io/|getwaves.io]] - SVG Wellen Generator
  * [[https://www.softr.io/tools/svg-wave-generator|softr.io/tools/svg-wave-generator]] - Wellen Generator mit mehren Ebenen
  * [[https://www.magicpattern.design/tools/blob-generator|magicpattern.design/tools/blob-generator]] - SVG Blob Generator
  * [[https://tabbied.com/select-artwork|tabbied.com]] - Art-Pattern Generator für Formen




===== Datei Converter / Optimierer =====

    * [[https://squoosh.app/editor|squoosh.ap]] - Bild Kompressor im Browser auch mit Webp und AIFF unterstützung & Vergleichs-Vorschau
    * [[https://compressor.io/|Compressor.io]] - Allgemeiner Bild-Kompressor für alle Formate
    * [[https://www.jpeg.io/|JPEG.io]] - Versch. Bildformate zu hoch optimierten JPEGS
    * [[https://compressimage.io/|compressimage.io]] - JPEG & PNG optimierer ohne Limit und offline
    * [[https://realfavicongenerator.net/|realfavicongenerator.net]] - Favicon Generator für alle Plattformen