(Dies ist ein gesponsertes Video, an dem ich bei CSS-Tricks und Webflow zwischen uns gearbeitet habe. Ich denke, Webflow ist ein faszinierendes Produkt zum Erstellen von Websites, das meiner Meinung nach derzeit in einer Kategorie für sich ist. Es dauert ein wenig Ich hoffe, dass dieses Video Ihnen dabei helfen kann.)
1) Webflow wurde für professionelle Designs und Entwickler entwickelt
Wissen Sie bereits, wie man Websites mit Code erstellt? Das ist großartig. Dies bedeutet nicht, dass Webflow unter Ihren Fähigkeiten liegt. Webflow sind alle die gleichen Abstraktionen wie HTML und CSS, macht diese Schnittstellen jedoch auf einer visuellen Leinwand verfügbar.
2) Wiederverwendbare Stile bilden das Herzstück von Webflow
Der CSS-Entwickler in Ihnen sehnt sich wahrscheinlich danach, alles in Klassen umzuwandeln. Eine Klasse ist das ultimative Werkzeug von CSS für die Wiederverwendbarkeit. Gute Nachrichten, alles, was Sie in Webflow gestalten, erfolgt buchstäblich über einen Selektor, der eine Klasse ist. Nicht einmal wie eine Klasse. Es ist eine echte Klasse unter der Haube. Webflow fälscht das Web nicht, es ist das Web.
3) Webflow verfügt über Funktionen wie Flexbox und CSS Grid
Die Arbeit mit Flexbox und Grid auf einer visuellen Leinwand, ohne über die Syntax nachdenken zu müssen, ist sehr zufriedenstellend. Anstatt sich die Eigenschaftsnamen und -werte zu merken, klicken Sie auf Schaltflächen, um den Abstand und die Ausrichtung zu regeln, oder verwenden Werkzeuge direkt auf der Leinwand.
Besorgt über Responsive Design? Webflow hat dies vollständig abgedeckt. Wenn Sie die Größe ändern und Haltepunkte ändern, ändert die Leinwand selbst die Größe, und die von Ihnen festgelegten Stile fließen von groß nach klein nach unten.
4) Veröffentlichen Sie schneller und sorgen Sie sich weniger
Wenn Sie mit dem Entwerfen der Site in Webflow fertig sind, geben Sie sie nicht an eine andere Person weiter, um sie an anderer Stelle zu erstellen. Sie sind bereits fertig, Sie haben die Site erstellt. Sie können auf die Schaltfläche "Veröffentlichen" klicken und diese in Sekunden unter einer URL live schalten. Sie können dann jede andere Domain zuordnen und Ihre Hosting- und Bereitstellungssituation regeln. Kein SFTP. Keine Sicherheitsprobleme. Keine Software-Updates, die Sie selbst vornehmen müssen.
5) Das Webflow-CMS ist äußerst leistungsfähig und wurde speziell für Kunden und Vermarkter entwickelt
Webflow verfügt über ein integriertes CMS, das genauso leistungsfähig ist wie jedes andere. Sie konfigurieren genau die Art von Inhaltsmodell, die Sie benötigen (offensichtlich ist keine Codierung erforderlich), und Sie haben es. In gewisser Weise wie ein Form Builder. Dann können diese Felder in Ihren Vorlagen genauso einfach verwendet werden wie statische Inhalte.
Vielleicht ist das Beste daran, dass das Erstellen und Bearbeiten dieser Daten über eine minimale Oberfläche direkt auf der Site selbst möglich wird. Jedes Feld im CMS (und das Sie zugelassen haben) kann direkt im Front-End der Live-Site bearbeitet werden. Unten befindet sich außerdem eine Leiste zum Erstellen und Bearbeiten von Inhalten über eine Administrationsoberfläche. Es ist das Beste aus beiden Welten: On-Page-Bearbeitung und Bearbeitung im Formularstil.
6) Die Animationswerkzeuge von Webflow sind die nächste Stufe
Es ist möglich, dass Sie zum ersten Mal von Webflow gehört haben, indem Sie sich Websites angesehen haben, die mit unglaublichem Interaktionsdesign erstellt wurden. Unterhaltsame Tatsache, alle Webflow-eigenen Marketing-Seiten werden mit Webflow erstellt. Schauen Sie sich die Designerseite für einen Vorgeschmack an.
Bildlaufbasierte Animationen wie Parallaxe, Animationen zu Ereignissen wie Klicks und Hovers, die alle über ein Interaktionsfenster ermöglicht werden, in dem Sie sie an Änderungen in Bezug auf Deckkraft, Bewegungen und Rotationen anhängen. Es gibt klassische Voreinstellungen, die Ihnen weiterhelfen, sowie Dinge der nächsten Ebene wie die Integration von umwerfenden Lottie-Animationen.
7) Es gibt eine Menge Lerninhalte und Community für Sie
Das Erlernen von Webflow ist kein Glück. Ich hoffe, Sie finden einige Blog-Beiträge oder YouTube-Videos. Die Webflow University ist völlig kostenlos und bietet alles, was Sie jemals über das Erstellen von Websites mit Webflow wissen möchten. Dies könnte Ihr Bootcamp sein.
Versuchen Sie es mit Webflow