====== 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 * [[https://typescale.com/|typescale.com]] - Font-Sizes für Schriften bestimmen mit guter Vorschau-Funktion ===== 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://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://icon-sets.iconify.design/|icon-sets.iconify.design]] - Ewig viele Icon Sets * [[https://haikei.app/generators/|haikei.app/generators]] - Generator Sammlung, sehr funky, Blob, Fades, Stacks, alles (noch kostenlos) * [[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 * [[https://meshgradient.in/|meshgradient.in]] - Interessante Mesh-Gradient Backgrounds * [[https://www.fffuel.co/|fffuel.co]] - unglaublich viele SVG-Visual Generatoren. Alles mögliche dabei. Mega. ===== 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