Bester WYSIWYG Editor zur Zeit?

wakethedead

wakethedead

Aktives Mitglied
Thread Starter
Dabei seit
14.09.2010
Beiträge
508
Reaktionspunkte
41
Vorneweg: Ich code Webseiten normalerweise per Hand und nutze dabei Tools wie gulp, npm, sass etc., d.h. ich bin fit mit SCSS/CSS, HTML, PHP, jQuery etc.. Der Editor meiner Wahl ist Sublime Text 3. Seit klar ist das Fireworks nicht mehr Supportet wird suche ich nach einer guten alternative um Mockups zu erstellen (nutze in der Zwischenzeit Photoshop und es nervt einfach mit diesem Programm Web Mockups zu erstellen) und habe mir diverse Artikel zum dem Thema durchgelesen, da gibt es Tools wie "Sketch", "Macaw", "Macflow" oder "Pinegrow". Welches würdet ihr empfehlen? Vorraussetzungen wären:

Responsive Workflow

Nett wäre:

Code export

Danke für eure Tipps :)

Bis dato habe ich am liebsten direkt im Browser designt, mittlerweile tendiere ich dazu das es evtl. besser wäre einen WYSIWYG editor zu haben der vielleicht sogar direkt code ausspuckt, d.h. ich designe und kann dem Kunden Mockups und habe als netten nebeneffekt schon den Code um ihn in meine Wordpress Templates einzubauen.

Im Moment tendiere ich zu webflow, macht einen sehr guten Eindruck und ist Plattformübergreifend da Browserbasiert (Chrome und Safari).
 
Zuletzt bearbeitet:
Man muss Zeit haben um Entwürfe als CSS / HTML anzulegen. Das rechnet sich nicht, zumindest im prof. Agenturalltag. Agenturen nutzen häufig Photoshop oder Illustrator für die Gestaltung. Tools wie Balsamiq, WireframeSketcher u. a. sind eine nette Sache, mehr aber auch nicht. Wenn wie eingangs gepostet von Hand codiert wird, würde ich auf den code den div. Tools ausgeben verzichten, und das Layout mit einem grafischen Tool angehen. Ein Layout muss nicht responsive sein, so viel Vorstellungskraft bringen Kunden mit. Meist jedenfalls ;-)
 
Danke für deinen Hinweis. Habe mal Webflow getestet und muss sagen da code ich fast schneller als das ich da alles zusammenschiebe und an den reglern rumdrehe, vor allem ist der finale code CSS (kein SCSS) was dann ja auch nervt. Habe mir jetzt mal Sketch gekauft und werde mir das mal ansehen, evtl. ist das ja eine Photoshop Alternative.
 
Den besten WYSIWYG Editor gibt es im Mac App Store: Sparkle.
Konkurrenzlos gut und sehr intuitiv.
 
@wakethedead
für schnelle und einfache webseiten templates (html/css) nutze ich blocs.
layouts für kunden werden mit adobe xd gemacht. xd hat ein durchdachtes bedienkonzept mit ebenso durchdachten funktionen. außerdem hast du direkt einfaches prototyping und kannst das ganze aus dem programm heraus als link an den kunden schicken. alles ohne plugins und extensions. unter adobexd.uservoice.com sieht man an welchen features gearbeitet wird und kann selbst bugs reporten und features requesten. updates gibt es momentan jeden monat.

btw. grunt ist performanter als gulp.
 
das beispiel ist von 2014... ;-)
 
primelinus schrieb:
das beispiel ist von 2014... ;-)
Zum Vergrößern anklicken....

also ist grunt 2 jahre später schneller oder gleich schnell oder fast so schnell wie gulp? nicht das mich das zu einem wechsel bewegen würde weil es flutscht halt.
 
na hauptsache es flutscht, dann ist alles egal.
 
…and never change a flutsching system! :crack:
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten