Icons & SVG-Grafiken im Webdesign: So nutzt und färbst du sie richtig | nexTab.de скачать в хорошем качестве

Icons & SVG-Grafiken im Webdesign: So nutzt und färbst du sie richtig | nexTab.de

Icons & SVG-Grafiken im Webdesign: So nutzt und färbst du sie richtig | nexTab.de In diesem Video dreht sich alles um den sinnvollen Einsatz von Icons im Webdesign. Wir zeigen dir, warum Icons Webseiten aufwerten, wo du hochwertige kostenlose Icon-Datenbanken findest und wie du Icons technisch sauber in deine Website einbindest. Du lernst Schritt für Schritt, wie du SVG-Icons per CSS integrierst und flexibel anpasst. Dabei gehen wir auch darauf ein, wie du Icons einfärben kannst – entweder über CSS-Filter oder mit einer fortgeschrittenen Methode per mask-image. So kannst du Farben jederzeit ändern, ohne jedes Mal neue Grafiken hochladen zu müssen. Zusätzlich stellen wir dir praktische Tools vor, mit denen du SVG-Dateien optimierst, Whitespace entfernst oder moderne Wellen-Übergänge für dein Design erzeugst. Die wichtigsten Links aus dem Video: .svg Datei in eine URL encoden: https://yoksel.github.io/url-encoder/ SVG-Filter-Generator zum Einfärben von Icons: https://codepen.io/UncreativeDev/pen/... Whitespace aus SVG-Dateien automatisch entfernen: https://svgcrop.com/ Wellen-Generatoren für moderne Übergänge: https://getwaves.io/ https://www.softr.io/tools/svg-wave-g... https://svgwave.in/ Falls du unsere Arbeit zusätzlich unterstützen möchtest, kannst du auch Mitglied werden:    / @nextabde   Timecodes: 0:00 – Warum Icons Webseiten aufwerten 0:55 – Die besten kostenlosen Icon-Bibliotheken 4:02 – Icons auf der Webseite einbinden 7:00 – Konkretes Praxisbeispiel 11:22 – Icons auf der Webseite einfärben 14:34 – Die Profi-Methode zum Einfärben 20:20 – Tools für Wellen-Übergänge Weitere Empfehlungen: Das Divi Theme*: https://divi-tutorials.com/divi_y Die Divi Cloud*: https://divi-tutorials.com/divi_cloud Unser Webhost*: https://divi-tutorials.com/all-inkl_y Konto für Selbständige*: https://divi-tutorials.com/kontist_y Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecamp... Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler:   / andrewapplepie   Alle Links, die mit einem * gekennzeichnet sind, sind Partner- oder Affiliate-Links. Beim Klicken entstehen für dich keine zusätzlichen Kosten. #Webdesign #SVG #Icons #SVGIcons #CSS #Frontend #Webentwicklung #UIUX #ResponsiveDesign #WebdesignTipps #CSSGrid #SVGDesign