Besseren Webcode schreiben

Hier finde ich etwas ironisch. Viele Webdesigner schätzen die Einfachheit, die Web Builder mit sich bringen. Interessanterweise wurde der Großteil der Web-Builder erstellt, um die Rolle von Web-Designern und -Entwicklern durch Automatisierung des zugrunde liegenden Codes zu eliminieren.

Lustig, richtig?

Andererseits gibt es Web-Builder, die scheinbar das Gegenteil tun. Anstatt die Rolle von Designern und Entwicklern zu reduzieren, werden Tools zur Verfügung gestellt, die speziell für solche Teams optimiert wurden. Ihr Hauptziel ist es, Designagenturen mit fortschrittlichen Tools zu unterstützen.

Wie, fragst du?

Nun, Webflow ist eines der bekanntesten Beispiele. Und seine Rolle in der gesamten Webdesign-Umgebung werden wir in Kürze untersuchen. Diese Webflow In Review werden alle wichtigen Funktionen erläutert, die Sie kennen müssen, die entsprechenden Schwachstellen sowie die Kosten für die Nutzung der Plattform für das Design.

Aber zuerst, was genau ist Webflow?

Webflow Rückblick: Übersicht

Wie Sie wahrscheinlich inzwischen herausgefunden haben, Webflow ist kein typischer Webbuilder.

Dieses in 2013 eingeführte Tool verkauft sich selbst als Webdesign-Lösung, die professionelle, kodierungsfreie Entwurfstools mit einem leistungsstarken visuellen CMS und der Benutzerfreundlichkeit von Standard-Buildern kombiniert. Stellen Sie sich also eine Fusion zwischen einer Web-Building-Lösung vor Wix und eine CMS-Engine gefällt WordPress.

Webflow

Aber machen Sie keinen Fehler. Webflow konkurriert nicht mit Leuten wie Wix . Weebly. Es bietet verschiedene Funktionen für unterschiedliche Benutzergruppen.

Alles in allem ist das Faszinierendste hier Webflow's kluger Ansatz für die gesamte Codierungssache. Es ist eine codefreie Plattform, die Code-Editing für mehr Flexibilität unterstützt.

Verwirrend? Ja, ich weiß. Deshalb habe ich mir die Zeit genommen, alles genau zu bewerten Webflow hat zu bieten - vom Website-Design bis zum Content-Management-System.

Und hier sind die Details…

Webflow Bewertung: Features

Webseiten Design

Webflow ist zweifellos ein paar Dinge. Das Code-freie Webdesign-Tool war hier jedoch schon immer das Hauptangebot.

Nun, es wäre verständlich, wenn Sie es mit dem Bearbeitungsfenster von Adobe Photoshop verwechseln würden, bevor Sie beginnen. Diese beiden mögen von weitem wie Zwillingsgeschwister aussehen, stellen sich jedoch als ganz anders heraus, wenn Sie näher kommen. Genauer gesagt werden Sie das bemerken Webflow ist eine Automatisierungs-Engine, die hauptsächlich mit CSS und HTML arbeitet.

Webflow Designer

Darauf können Sie Site-Elemente bequem einführen und sie dann entsprechend verschieben, ohne Code zu verwenden. Das Programmierbit wird von verwaltet WebflowDas zugrunde liegende Framework, das den Code Ihrer Site systematisch erstellt und bearbeitet, während Sie mit dem Entwurfsprozess fortfahren.

Wenn Sie andere codelose Webdesigner ausprobiert haben, wissen Sie, dass das Eliminieren des Programmierbits mit begrenzter Flexibilität einhergeht. Interessant, WebflowDas Designtool folgt diesem Trend nicht. Also, ich bin hier ehrlich und gebe zu, dass es sicherlich einer der fortschrittlichsten vielseitigen Website-Builder auf dem Markt ist.

Jetzt stellen wir uns der Sache. Fortschrittlichkeit und Einfachheit sind zwei Dinge, die bekanntermaßen wie Feuer und Eis sind, wenn es um Website-Management-Tools geht.

Und formtreu, Webflow ist nicht einer der einfachsten Bauherren, die Sie dort finden werden. Obwohl die Benutzeroberfläche außerordentlich leistungsfähig ist, scheint sie kompliziert zu sein und erfordert möglicherweise einige Anstrengungen, um die Seile entsprechend zu lernen.

Für Vorspeisen, Webflow schafft nicht die Illusion eines völlig codelosen Designprozesses. Erwarten Sie also nicht, direkt einzuspringen und Formen auf die Leinwand zu zeichnen. Ein solcher Ansatz würde Ihre Anpassungsfähigkeit erheblich einschränken.

Folglich bettet das System hier einige Aspekte der Codierung beim Erstellen einer Website geschickt ein. Wenn Sie beabsichtigen, eine einzuführen square In der Mitte der Seite müssen Sie beispielsweise eine neue hinzufügendiv> Element, dann bearbeiten Sie den unteren linken und den rechten oberen Punkt zusammen mit der festen Positionierung als Null.

Was bedeutet das?

Während Sie weitermachen und nutzen könnten Webflow Ohne Programmierkenntnisse ist ein grundlegendes Verständnis der HTML- und CSS-Eigenschaften erforderlich, um seine Leistungsfähigkeit umfassend nutzen zu können.

Wenn Sie jedoch etwas anderes bevorzugen, kreuzen Sie einfach dasIch schreibe keinen Code “ Wahl wie Sie sich registrieren. Das System erweitert anschließend seine Automatisierungsfunktionen, um einen großen Teil des Designs für Sie abzuwickeln.

Das heißt, Sie können mit einer vollständig leeren Leinwand beginnen. Das ist der Ansatz, den ich bevorzuge, weil ich alles von der Basis aus anpassen kann.

Ein Wort der Vorsicht. Überlassen Sie diese Option Designern, die mit CSS und HTML vertraut sind. Andernfalls riskieren Sie, die Dinge durcheinander zu bringen oder sich irgendwo im Prozess festzusetzen.

Der beste Ansatz zum Codieren von Anfängern ist das Ausnutzen Webflowvorgefertigte Vorlagen. Es stellt sich heraus, dass das System mehr als 200 attraktive Vorlagen bietet, von denen 30 völlig kostenlos sind. Bezahlte hingegen kosten zwischen 24 und 79 US-Dollar.

Nach einer gründlichen Analyse verschiedener Themen fiel mir auf, dass sie sich deutlich unterscheiden - mit unterschiedlichen Strukturen und Merkmalen. Im anschließenden Bearbeitungsprozess können Sie dann den Hintergrund, die Farbe, die Ebenen, die Deckkraft, die Drehung, die Effekte, die Position, die Größe usw. der Elemente ändern.

Hosting

Das ist selbstverständlich. Das Webflowbietet, wie der Großteil der heutigen Webbuilder, zusammen mit seinen Designpaketen Site-Hosting sowie benutzerdefinierte Domains an.

Webflow Hosting

Erwarten Sie hier jedoch nicht den typischen Shared-Plan-Ansatz. Webflow entscheidet sich stattdessen dafür, die Sites im eigenen Haus zu pflegen, innerhalb einer sogenannten „unendlich skalierbaren Serverflotte“.

Was beinhaltet das?

Nun, Webflow besitzt und kontrolliert mehr als 100 Rechenzentren auf der ganzen Welt. Kombinieren Sie das mit CDNs, von denen ausgeführt wurde Amazon CloudFront zzgl. Schnell Das Ergebnis ist ein solides System für das Hosting aller Arten von Websites.

Abgesehen von der Handhabung jeder Verkehrsgröße, Webflow garantiert optimale Leistung mit Millisekunden langen Ladezeiten für Seiten plus 99.99% Verfügbarkeit der Website. Das AWS-basierte Framework ist besonders wichtig, um eine solide Grundlage für die Unterstützung vergleichsweise großer Verkehrslasten von Unternehmensstandorten zu schaffen.

Und da Web-Sicherheit unerlässlich ist, WebflowDie Hosting-Infrastruktur ist HTTP / 2-kompatibel und Benutzer erhalten relevante SSL-Zertifikate für ihre Websites.

Content Management System

Hier trifft Inhalt auf visuelles Design. WebflowMit dem CMS können Sie im Wesentlichen den Inhalt Ihrer Website eingeben und verwalten. Mit anderen Worten, Sie können Text oder Medien genau auf der Seite, die Sie erstellen, hinzufügen und bearbeiten.

Wenn Sie ein umfangreiches Webprojekt mit komplizierten Strukturen verwalten, werden Sie insbesondere die Fähigkeit des Systems schätzen, manuelle Anpassungen von Inhaltsaspekten - einschließlich Inhaltstypen, Teammitgliedern, Projekten usw. - mit anpassbaren Feldern zu unterstützen.

Nun, all dies wird durch erleichtert CMS-Sammlungen- eine Funktion, auf die direkt vom Haupteditorfenster aus zugegriffen werden kann. Sobald Sie eine neue Sammlung generieren, können Sie über den Inhaltstyp hinausgehen, um Felder zu definieren und Elemente einzuführen. Sie werden anschließend als separate Webseiten oder Listen übernommen, die in von Ihnen erstellte Seiten integriert sind.

Webflow CMS

Verwirrend? Beachten Sie dieses Beispiel: Um eine Seite mit der Belegschaft Ihrer Organisation einzurichten, können Sie eine Sammlung "Teammitglieder" mit Elementen wie sozialen Links, Beschreibungen, Namen, Fotos und Mitarbeiternamen einführen.

Das deckt nun im Wesentlichen das CMS-Backend ab. Aber weißt du was? Das ist nicht alles. Webflow geht voran, um WordPress einen guten Lauf für ihr Geld durch die zu geben Webflow Editor. Hier können Sie eine veröffentlichte Seite mit neuem Inhalt basierend auf dem ausgewählten Typ aufpeppen.

Kurz gesagt, Sie erhalten eine umfassende Website, die dynamische Inhalte wie Portfolios, Artikel und Blogposts unterstützt, ohne zusätzliche Plugins installieren zu müssen.

Zusammenarbeit

Gib es zu. Große Webdesign-Projekte sind spannend. Sie können jedoch zunehmend unhandlicher werden, insbesondere wenn Sie es versäumen, alle beteiligten Parteien entsprechend zu rationalisieren.

Webflow hat dies anscheinend durchdacht und unternimmt einen guten Versuch, Webdesign-Agenturen die Zusammenarbeit mit mehreren Teammitgliedern zu erleichtern. Darüber hinaus können Sie auch andere Parteien wie Kunden, Designer von Drittanbietern, Auftragnehmer usw. einladen. Ihre Rollen und Benutzerfunktionen hängen von den entsprechenden Berechtigungen ab, die Sie festgelegt haben.

Webflow Zusammenarbeit

Wenn Sie beispielsweise mit Kunden zu tun haben, können Sie sie einladen, ihre Projekte in Echtzeit zu überprüfen - mit stark eingeschränkten Nutzungsrechten.

Ich habe jedoch festgestellt, dass alle Standortanpassungen in Echtzeit flächendeckend reflektiert werden. Dies hilft den Teammitgliedern, wiederholte Aufgaben zu vermeiden, die bereits erledigt wurden.

Gesamteigenschaften

  • XML-Sitemap
  • SEO-Meta-Titel, Beschreibungen
  • Alt-Tags für Bilder
  • Hilfe-Center
  • Gemeinschaftsforum
  • Prioritätsunterstützung
  • E-Mail-Unterstützung
  • Benutzerdefinierter Domainname
  • Staging-Sites
  • Sofortige Updates
  • Benutzerdefinierte URL-Weiterleitungen
  • 24 / 7 Website-Überwachung
  • Schnelle Ladezeiten
  • Google Domains Einkauf
  • Zapier-Integration
  • MailChimp Integration
  • Google Analytics-Integration
  • SEO-Optimierung
  • Weiße Etikettenformulare
  • Weiße CMS-Kennzeichnung
  • Standortkennwortschutz
  • Projektorganisation
  • Website-Backups
  • Benutzerdefinierte Fehlerseiten
  • Benutzerdefinierte Favicon
  • Direkte Kundenabrechnung
  • SNS-Komponenten
  • Rich Text
  • Lightbox
  • Hintergrundvideos
  • HTML-Einbettungscodes
  • Dropdown-Menü
  • Google Maps
  • Schieber und Karussells
  • Tab-Navigation
  • Anpassbare Webformulare
  • Website-Editor
  • Formulareinreichungsprüfung
  • Diagramminhalt öffnen
  • SEO-Tags-Vorlage
  • CMS-Import über Zapier
  • RSS-Feeds
  • CMS-API
  • 3D-Animationen
  • CSS-Styling-Eigenschaften
  • Website-Vorlagen
  • Optimierte Bilder
  • Web-Schriftfamilien
  • Globale Farbfelder
  • Flexible Boxen CSS3
  • Benutzerdefinierter Code hinzugefügt
  • Exportierbarer Code
  • CSS-Filter

Webflow Bewertung: Preisgestaltung

WebflowDie Preisstruktur scheint für einige Benutzer komplex zu sein, während andere den umfassenden Ansatz loben.

Wenn Sie der Typ sind, der aufgrund des damit verbundenen komplexen Vergleichsprozesses zahlreiche Pakete auf einer einzigen Plattform hasst, werden Sie vielleicht feststellen WebflowDie Preispläne sind etwas umständlich. Auf der anderen Seite - wenn Sie mehrere Preisoptionen bevorzugen, die für unterschiedliche Benutzerebenen geeignet sind, wird Ihnen gefallen, wie die Dinge hier organisiert wurden.

Nun, um mit zu beginnen, Webflow Versuche, drei Arten von Benutzern zu unterstützen: Freiberufler, Solodesigner und Designteams. Jede Kategorie hat ihre eigenen Pakete mit unterschiedlichen Funktionen.

Webflow Pakete

Hier sind kurze Beschreibungen der einzelnen Pläne:

Für Freelancer:

Kostenlose Inszenierung Komplett frei.

  • 10-Formulareinreichungen pro Monat
  • 50 CMS-Elemente
  • 500 monatliche Besuche
  • Statische 2-Seiten
  • Frei webflow.io Subdomain

Grundhosting- $ 15 monatlich abgerechnet oder monatlich $ 12 abgerechnet.

  • 500-Formulareinreichungen pro Monat
  • 25,000 monatliche Besuche
  • Statische 100-Seiten
  • CDN
  • Kostenlose SSL-Option
  • Domain-Erstellung

CMS-Hosting- $ 20 monatlich abgerechnet oder monatlich $ 16 abgerechnet.

  • 3-Inhaltseditoren
  • CMS-API-Zugriff
  • 2,000 CMS-Artikel verfügbar
  • 1,000-Formulareinreichungen pro Monat
  • 100,000 monatliche Besuche
  • Statische 100-Seiten
  • CDN
  • Kostenlose SSL-Option
  • Domain-Erstellung

Business Hosting- $ 45 monatlich abgerechnet oder monatlich $ 36 abgerechnet.

  • 10-Inhaltseditoren
  • CMS-API-Zugriff
  • 10,000 CMS-Artikel verfügbar
  • Unbegrenzte Einreichung von Formularen
  • 1,000,000 monatliche Besuche
  • Statische 100-Seiten
  • CDN
  • Kostenlose SSL-Option
  • Domain-Erstellung

Webflow für Freiberufler

Für Designer:

Anlasser- Frei.

  • Kostenlose Inszenierung
  • Kundenabrechnung
  • Bis zu 2 gleichzeitige Projekte
  • Kostenloser Standortbau

Lite- $ 24 monatlich abgerechnet oder monatlich $ 16 abgerechnet.

  • Code-Export
  • Verbesserte Inszenierung
  • Kundenabrechnung
  • Bis zu 10 gleichzeitige Projekte

Profi- $ 42 monatlich abgerechnet oder monatlich $ 35 abgerechnet.

  • Standortkennwortschutz
  • Weiße Beschriftung
  • Übertragung des Projektbesitzes
  • Code-Export
  • Verbesserte Inszenierung
  • Kundenabrechnung
  • Unbegrenzte Anzahl gleichzeitiger Projekte

Webflow für Designer

Für Kreativteams

Mannschaft- $ 42 monatlich abgerechnet oder monatlich $ 35 abgerechnet.

  • Team-Dashboard
  • Standortkennwortschutz
  • Weiße Beschriftung
  • Code-Export
  • Verbesserte Inszenierung
  • Kundenabrechnung
  • Unbegrenzte Anzahl gleichzeitiger Projekte

Großes Team- Benutzerdefiniertes Zitat.

  • Preise für Massenmitgliedsmitglieder
  • Team-Dashboard
  • Standortkennwortschutz
  • Weiße Beschriftung
  • Code-Export
  • Verbesserte Inszenierung
  • Kundenabrechnung
  • Unbegrenzte Anzahl gleichzeitiger Projekte

Webflow für Teams

Wer sollte in Betracht ziehen, Webflow?

Alles in allem applaudieren wir Webflow für die Bereitstellung von:

  • Kostenloses SSL-Zertifikat zur Einhaltung der Sicherheitsbestimmungen.
  • Kostenlose integrierte Content Delivery Networks für verkürzte Seitenladezeiten.
  • Erweitertes globales Website-Hosting in Zusammenarbeit mit effektiven Systemen wie Amazon CloudFront . Schnell für schnelle Seitenladegeschwindigkeiten.
  • Ein vielseitiges integriertes CMS zur dynamischen Erstellung von Inhalten.
  • Eine Inszenierungsumgebung zum Testen und Überprüfen verschiedener Website-Elemente.
  • Optimierte CSS- und JS-Manager für erweitertes Site-Management sowie eine ganzheitliche Steuerung von Animationen und Stilen.
  • Ein flexibler Webbuilding-Prozess, der entweder mit einer leeren Leinwand oder mit vorgefertigten Vorlagen beginnt.
  • Ein mobilfreundliches Webdesign-Tool, das beim Erstellen einer Website in Echtzeit exportierbaren Code erzeugt.

Abgesehen davon sind die Nachteile, die mir auf dem Weg begegnet sind:

  • Begrenzte Funktionen zur Unterstützung von E-Commerce-Websites
  • Ein Design-Prozess, der Programmierer stark begünstigt
  • Eine begrenzte Anzahl von Website-Vorlagen
  • Eine steile Lernkurve für Anfänger

Jetzt bündeln wir alles zusammen. Ich wette, du wirst dem zustimmen Webflow ist ein fortschrittliches Webbuilding-System, das für Entwickler, Designer und Agenturen entwickelt wurde, die mehr Vielseitigkeit und Kontrolle wünschen.

Was sind deine Gedanken?

Bogdan Rancea

Bogdan ist Gründungsmitglied von Inspired Mag und hat in diesem Zeitraum fast 6-Jahre Erfahrung gesammelt. In seiner Freizeit studiert er gern klassische Musik und erforscht die bildende Kunst. Er ist auch ziemlich besessen von Fixies. Er besitzt bereits 5.