Webflow – komplettes CSS3 für Seiten online erstellen

Screenshot des Webflow Playgrounds

CSS3 Online-Editoren gibt es ja einige in der Cloud. Meistens sind diese für spezialisierte Anwendungen wie zum Beispiel Gradients oder Buttons. Will man das CSS für eine komplette Seite online erstellen, wird die Sache eher haarig. Was nicht weiter verwunderlich ist, denn wenn man CSS3 in einem Wysiwyg-Editor auf dem Desktop erstellen will, wird es noch haariger. Meistens mangelt es hierbei nicht an der Möglichkeit dies tun zu können, sondern am resultierenden CSS, bzw. der Unmöglichkeit das dieses in allen Browsern funktioniert.

Screenshot des Webflow Playgrounds

Erst vor kurzem wurde ja als größere Sau der Google Web Designer durchs virtuelle Dorf getrieben, hab ich mal kurz angeschaut und an meiner tiefen Überzeugung das Wysiwyg fürs Web nichts ist, hat das Tool nichts geändert. Bei Workflow hingegen sieht es eher so aus, das derjenige der die UI entworfen hat zumindest weiß was er tut. Zum Beispiel ist das Box Model sehr gut visualisiert worden, die dort vorhandenen Möglichkeiten werden vielen weiter helfen. Auch in Workflow können mit fertigen Elementen ganze Websites zusammen geklickt werden wie mit Lego. Des resultierende CSS sieht ganz ordentlich aus, und kommt mit den entsprechenden Fixes für die verschiedenen Browser daher. Unterstützung für Responsive ist ebenfalls vorhanden.

Stellt sich eigentlich nur noch die Frage ob ich das Tool benutzen werde. Klare Antwort: Nein – ich halte nach wie vor nichts von diesem Wysiwyg-Zeug im Bereich Web! ;) Webflow bietet aber durchaus die Möglichkeit das Frickler und Technik-interessierte ihre private Homepage durchaus vernünftig damit aufbauen können – zumindest besser als in Frontpage … ;)

Ähnliche Beiträge

Autocomplete bei Input-Feldern abschalten Das am meisten ignorierte Attribut im Web-Umfeld lautet wohl autocomplete.  Dabei ist der kleine Helfer äußerst sinnvoll, suggeriert es doch dem DAU, ...
Datenvisualisierung in HTML5 mit HumbleFinance Fast jedes Trackingtool bzw. eCommerce-Paket visualisiert heutzutage Daten als Graphen. Dabei werden entweder Verkaufszahlen oder Besucherzahlen in ne...
HTML5 Boilerplate in der Version 2 Ich habe ja bereits von der HTML5 Boilerplate berichtet, und ihrer Unverfrorenheit anstatt eines reset.css nun normalize.css einzusetzen. Das Projekt ...
Paper.js – Vektorgrafiken in Javascript mitt... Es tauchen in letzter Zeit immer mehr Frameworks auf, die auf die eine oder andere Art und Weise versuchen, dem Webentwickler das Leben mit dem HTML5 ...

Ein Kommentar

  • Finde ich absolut auch mit dem Responsive bringt das
    —-
    diesem Wysiwyg-Zeug im Bereich Web! ;)
    —–
    sowieso nicht so viel!

    Guter Bericht!
    —-stooni

Schreibe einen Kommentar