Webdesign Animations-Inspiration – Godly

Jede verlinkte Seite hat eine Video-Vorschau, um schnell zu entscheiden, ob es als Inspiration geeignet ist, oder nicht.

Webdesign Animations-Inspiration – Godly
Inspiration
Kostenlos
Demo Beispiel enthalten
Mit Text-Anleitung
Diesen Trick und 43 weitere im Bundle kaufen
Für 49 € freischalten
Was ist enthalten?
Vorschau

Godly ist nicht einfach eine Website für Webdesign-Inspirationen – sie ist eine Sternenkonstellation kreativer Genialität. Hier findest du nicht nur Links zu beeindruckenden Webseiten, sondern erhältst auch blitzschnelle Video-Vorschauen mit exzellenten Animationensbeispielen. Die Seite ist ein wahres Juwel für Designer und Entwickler, die auf der Suche nach frischen Ideen sind.

Die Vorteile von Godly sind vielfältig:

  1. Astronomische Webdesign-Inspirationen: Godly präsentiert eine Fülle von Webseiten mit atemberaubendem Design und inspirierenden Animationen, die eine Quelle unendlicher Kreativität sind.
  2. Video-Vorschauen: Durch die einzigartigen Video-Vorschauen kannst du einen schnellen Blick auf das Design und die Animationen einer Website werfen, bevor du dich näher damit befasst. Das spart Zeit und ermöglicht eine präzisere Auswahl.
  3. Schnelle Ladezeiten: Die Seite gewährleistet eine flüssige Performance, wodurch das Erlebnis des Nutzers optimiert wird. Die schnellen Ladezeiten ermöglichen ein reibungsloses Durchstöbern der inspirierenden Projekte.
  4. Auswahlkriterien für Qualität: Durch die Video-Vorschauen wird eine erste Einschätzung der Qualität einer Website möglich, was eine effiziente Auswahl für Projekte und Inspirationen ermöglicht.
  5. Benutzerfreundlichkeit: Die benutzerfreundliche Struktur von Godly macht die Navigation durch die verschiedenen Webdesigns einfach und angenehm, wodurch die Suche nach spezifischen Inspirationsquellen erleichtert wird.

Godly hebt sich als Plattform für Webdesign-Inspirationen durch die Integration von Video-Vorschauen, Performance und benutzerfreundlichem Design hervor und bietet somit einen Mehrwert für jeden, der nach kreativen Ideen sucht.

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

Weitere nützliche Webflow Tricks

Einmalig ein Info-Banner (Notification Bar) auf der Website anzeigen
Highlight
Freischalten
Einmalig ein Info-Banner (Notification Bar) auf der Website anzeigen

Sobald der Seitenbesucher den Info-Banner weggeklickt, wird er beim nächsten Laden der Website nicht mehr angezeigt, da die Entscheidung mit einem Cookie gespeichert wird. Über Attribute editierbar und ohne externe JS Library.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Lazy Loading Background Videos in Webflow
Highlight
Freischalten
Lazy Loading Background Videos in Webflow

Viele Background Videos auf einer Website führen zu einer hohen Netzwerknutzlast und schlechteren Page-Speed Score. Dieser Code hilft dir dabei, Videos erst zu laden, sobald sie im Viewport des Seitenbesuchers sind.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Mehrere 303 Redirects in Webflow auf einmal anlegen (CSV Upload)
Freischalten
Mehrere 303 Redirects in Webflow auf einmal anlegen (CSV Upload)

Mehrere 303 Redirects in Webflow auf einmal via CSV Upload hochladen.

Tool
Text-Anleitung
Demo Beispiel
Video-Anleitung
Copyright Jahreszahl im Footer automatisch aktualisieren
Kostenlos
Freischalten
Copyright Jahreszahl im Footer automatisch aktualisieren

Copyright Jahreszahl im Footer einer Webflow Website automatisch aktualisieren.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webflow Slider bei einem bestimmten Slide starten lassen
Highlight
Freischalten
Webflow Slider bei einem bestimmten Slide starten lassen

Entscheide welcher Slide beim laden der Seite zuerst angezeigt werden soll. Einfach über Attributes editierbar.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Autoplay Webflow Tabs
Highlight
Freischalten
Autoplay Webflow Tabs

Passe Webflow Tabs mithilfe von Attributen so an, dass sie automatisch nach einer festgelegten Zeit zum nächsten Tab wechseln (mit animierter Tab-Bar).

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Video Playback in einem Popup bei schließen stoppen
Freischalten
Video Playback in einem Popup bei schließen stoppen

Dieser Code stoppt automatisch das weitere abspielen eines Videos in einem Popup / Modal Fenster, sobald dieses geschlossen wird.

Code-Vorlage
Text-Anleitung
Demo Beispiel
Video-Anleitung
Tabellen für Rich-Text Inhalte visuell erstellen
Freischalten
Tabellen für Rich-Text Inhalte visuell erstellen

Webflow bietet keine Tabellen-Funktion in Rich Text Elementen. Mit diesem Tool kannst du Tabellen und Inhalte visuell gestalten und den Code als Embed einfügen.

Tool
Text-Anleitung
Demo Beispiel
Video-Anleitung
Webdesign Animations-Inspiration – Godly
Kostenlos
Freischalten
Webdesign Animations-Inspiration – Godly

Jede verlinkte Seite hat eine Video-Vorschau, um schnell zu entscheiden, ob es als Inspiration geeignet ist, oder nicht.

Inspiration
Text-Anleitung
Demo Beispiel
Video-Anleitung
Horizontal Sektion scrolling Parallax Bilder Effekt (Webflow Interactions)
Kostenlos
Freischalten
Horizontal Sektion scrolling Parallax Bilder Effekt (Webflow Interactions)

Ein Effekt, welcher eine Sektion horizontal über den Screen scrollt und gleichzeitig Bilder hinter einem Fenster parallax bewegt. Ohne Custom Code!

Cloneable
Text-Anleitung
Demo Beispiel
Video-Anleitung
Eigener Video Player komplett in Webflow gebaut
Kostenlos
Freischalten
Eigener Video Player komplett in Webflow gebaut

Bau dir ein Video Player komplett in Webflow mit eigenen Interaktionen und Icons. Das mp4 File muss selbst gehostet werden.

Cloneable
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