Showreels Inspiration

Showreelz ist ein kreativer Feed, der inspirierende und bemerkenswerte Designvideos präsentiert.

Showreels Inspiration
Inspiration
Kostenlos
Demo Beispiel enthalten
Mit Text-Anleitung
Diesen Trick und 41 weitere im Bundle kaufen
Für 49 € freischalten
Was ist enthalten?
Vorschau

Showreelz ist eine eindrucksvolle Plattform für kreative Köpfe und Design-Enthusiasten, die sich von Videos inspirieren lassen möchten.

Diese Plattform bietet eine Vielzahl von Vorteilen:

  1. Kreative Inspiration: Showreelz präsentiert eine breite Palette von Designvideos, die von talentierten Künstlern und Designern erstellt wurden. Diese Videos dienen als Quelle der Inspiration für eigene Projekte.
  2. Vielfalt der Inhalte: Auf Showreelz findest du eine Vielzahl von Designbereichen, darunter Grafikdesign, Animation, Webdesign, Illustration und mehr. Dies ermöglicht es Nutzern, sich in verschiedenen Designaspekten weiterzubilden.
  3. Aktuelle Trends: Die Plattform zeigt nicht nur inspirierende Videos, sondern hält auch Schritt mit den neuesten Designtrends und Technologien. Dies ist besonders nützlich für Fachleute, die immer auf dem Laufenden bleiben möchten.
  4. Benutzerfreundlichkeit: Die Plattform ist benutzerfreundlich und ermöglicht es Nutzern, mühelos durch die Videos zu stöbern und nach Inhalten zu suchen, die ihren Anforderungen entsprechen.
  5. Förderung von Talenten: Showreelz kann auch dazu beitragen, aufstrebende Talente und Künstler zu fördern, indem es ihnen eine Plattform bietet, auf der sie ihre Arbeiten präsentieren können.

Insgesamt ist Showreelz eine wertvolle Ressource für jeden, der im Bereich Motion-Design tätig ist oder sich für kreative Arbeiten begeistert. Es ist ein Ort, an dem Kreativität gefeiert und gefördert wird, und an dem Designer Inspiration für zukünftige Projekte finden können.

Diesen Trick und 41 weitere im Bundle kaufen
Für 49 € freischalten
Was ist enthalten?

Weitere nützliche Webflow Tricks

Kleine Kreise und Rechtecke willkürlich auf der Website verteilen (Effekt)
Freischalten
Kleine Kreise und Rechtecke willkürlich auf der Website verteilen (Effekt)

Ein kreativer Effekt, der auch auf der Webflow Conf Website 2022 angewendet wurde. Die Elemente verschwinden automatisch on hover und tauchen wo anders wieder auf.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Horizontales Text / Bilder Karussell (ohne Webflow Interaktionen) | Infinite Marquee
Freischalten
Horizontales Text / Bilder Karussell (ohne Webflow Interaktionen) | Infinite Marquee

Lass Bilder, Logos und Texte mit nur zwei Zeilen CSS Code horizontal durch den Bildschirm wandern. Mit dieser Code-Vorlage musst du nur ein Attribut vergeben.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Im Browser Hintergrund von Bildern entfernen und als PNG runterladen
Freischalten
Im Browser Hintergrund von Bildern entfernen und als PNG runterladen

Nutze ich häufig wenn es bei Kundenaufträgen mal schnell gehen muss. Funktioniert natürlich am besten bei Objekten, die einen neutraleren Hintergrund haben.

Tool
Text-Anleitung
Demo Beispiel
Video-Anleitung
Overflow auto (horizontal scrollen) mit vor und zurück Button
Highlight
Freischalten
Overflow auto (horizontal scrollen) mit vor und zurück Button

Wenn du mit horizontal scrollbaren Sektionen arbeitest, solltest du vorwärts und rückwärts Button hinzufügen, die der User als Backup klicken kann, da nicht jede Maus horizontal scrollen kann.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
SVG Linien animieren (wenn im Viewport)
Kostenlos
Freischalten
SVG Linien animieren (wenn im Viewport)

Mit nur zwei Attributen kannst du jedes SVG mit Line Paths animieren und das Timing anpassen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Kostenlose Bilder und Videos für Kundenprojekte – meine Quellen (kommerzielle Zwecke)
Freischalten
Kostenlose Bilder und Videos für Kundenprojekte – meine Quellen (kommerzielle Zwecke)

Liste an Plattformen für kostenloses Bild- und Videomaterialien. Nutze ich als Webdesigner bei jedem Kundenauftrag.

Tool
Text-Anleitung
Demo Beispiel
Video-Anleitung
SVG Code Zeichenlimit für Embed Felder in Webflow umgehen
Freischalten
SVG Code Zeichenlimit für Embed Felder in Webflow umgehen

Umgehe das 10.000 Zeichen Limit für Webflow Embed Fields und füge große SVG Bilder als Code zu deiner Website hinzu.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Automatisch nofollow zu externen Links in Webflow hinzufügen (Rich-Text, Blog etc)
Freischalten
Automatisch nofollow zu externen Links in Webflow hinzufügen (Rich-Text, Blog etc)

Automatisiert 'rel=nofollow' Attribut bei allen Links in Richt-Text-Elementen hinzufügen. Spart Zeit und verbessert SEO.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Ändere die standard Browser Hintergrundfarbe wenn Text markiert wird
Freischalten
Ändere die standard Browser Hintergrundfarbe wenn Text markiert wird

Passe die Standard-Hintergrundfarbe des Browsers an, wenn Text markiert ist, und steuere diese mit deinen Webflow Variablen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Auf ein FAQ Element von einer anderen Seite verlinken und es geöffnet anzeigen
Freischalten
Auf ein FAQ Element von einer anderen Seite verlinken und es geöffnet anzeigen

Verlinke auf ein bestimmtes FAQ-Element von einer anderen Seite aus zu verlinken und es gleichzeitig geöffnet anzuzeigen. Einfach ?faq=3 mit an die URL hängen.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Position Sticky innerhalb von overflow auto / hidden
Highlight
Freischalten
Position Sticky innerhalb von overflow auto / hidden

Ein Accordeon mit einer großen Tabelle verwendet "overflow: hidden", während die Tabelle selbst "overflow: auto" nutzt, um sowohl horizontal als auch vertikal gescrollt werden zu können. Eigentlich funktioniert "position: sticky" innerhalb dieser Tabelle nicht mehr, mit dieser Code-Vorlage allerdings schon.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Tabs in Tabs, die auf Mobile zu Dropdown werden
Kostenlos
Freischalten
Tabs in Tabs, die auf Mobile zu Dropdown werden

Eine individuell gestaltete Tabs-in-Tabs-Komponente, die sich auf dem Mobile Breakpoint in eine Dropdown-Komponente verwandelt.

Cloneable
Text-Anleitung
Demo Beispiel
Video-Anleitung