Ich verwende CSS jetzt seit vielen Jahren, und machen Sie keinen Fehler, es hat einen enormen Wert, indem es die Präsentationsverantwortung von HTML in eine separate Spezifikationsebene trennt.
Aber ich habe mich an einem Punkt wiedergefunden, an dem es sich einfach falsch anfühlt, komplexe Layout- und Designarbeiten durch direktes Codieren von CSS-Regeln durchzuführen. Es fühlt sich an, als gäbe es ein Missverhältnis zwischen der Abstraktionsebene und dass ein Tool, das auf CSS aufsetzt und es Ihnen ermöglicht, mit Layout und Design auf einer höheren Ebene zu arbeiten und es zu spezifizieren, viel Wert hätte.
Was ich suche, ist ein Tool zum Verwalten der Präsentation und des Layouts von HTML, indem der Designer mit übergeordneten Absichten und Spezifikationen in Bezug auf Layout und Design arbeitet und das automatisch geeignetes CSS und möglicherweise layoutspezifisches JavaScript generiert, um die Absichten zu lösen des Designers.
Ähnlich wie die verabscheuten WYSIWYG-Editoren, die wir Anfang 2000 manchmal benutzten, oder wann immer es so war, aber mit einem einzigen Fokus auf Design und Layout . Drag-and-Drop-Elemente. An Gitter binden. Binden Sie Elemente aneinander. Verwaltung und Visualisierung des Verhältnisses von semantischen und stilistischen Elementen und deren Zuordnung. Usw.
Natürlich müsste das Tool mit dem regulären Entwicklungsprozess kompatibel sein, wie in dem Fall, in dem ich eine reguläre .NET ASP MVC-Anwendung in Visual Studio entwickle, mich dann aber an dieses Tool wende, um am Layout und Stil des Inhalts zu arbeiten. Natürlich wäre es unsinnig anzunehmen, dass eine vollständige Entkopplung der beiden möglich ist, aber diese Kopplung wäre zumindest klar und überschaubar. (Und natürlich könnte das Tool theoretisch eine Erweiterung von VS oder anderen IDEs sein - diese Art von Problemen lösen, aber vielleicht die gesamte Umgebung komplexer machen.)
Obwohl die Implementierung des Tools ziemlich breit sein mag, denke ich, dass die Kernfunktion hier Folgendes ist:
Gibt es ein ähnliches Tool wie das, was ich beschrieben habe?
Jedes Betriebssystem ist von Interesse, aber Windows wäre am bequemsten.
Gut für Mockups und erste Entwürfe. Schlecht für die Arbeit an einer bestehenden App.
Macaw , Sketch , Pinegrow oder sogar Photoshop + Brackets
Diese Software eignet sich gut für das anfängliche Mockup und Design. Aber das Arbeiten mit einer bestehenden App (dh Importieren von HTML, Ausdrücken von Stilen und Exportieren von Änderungen) funktioniert nicht sehr gut.
Leider haben sie die gleichen Probleme wie WYSIWYG-Editoren: Sie können selbst generierten Code importieren, sind aber schlecht im Umgang mit fremdem oder modifiziertem Code.
Ideal für die Webintegration, sollte mit jedem Workflow funktionieren. Aber keine Abstraktion und erfordert, dass der Designer codiert
TweakStyle , Espresso , Brackets , Dreamweaver , ... (es gibt viele andere. Ich habe mich entschieden, diese vier aufzulisten, weil sie eine Live-Vorschau bieten.)
Das sind Code-Editoren mit nützlichen Tools für Front-End und Web-Design wie Live-Vorschau oder Override (TweakStyle und Espresso). Sie funktionieren wahrscheinlich gut mit Ihrem Arbeitsablauf, aber es fehlt möglicherweise die Abstraktion, um Designer zum Nachdenken zu bringen, und sie sind möglicherweise etwas technisch, um von einigen Designern verwendet zu werden.
Die beste Lösung ist wahrscheinlich, ein Zeichenwerkzeug zu verwenden, um das Design zu denken (Photoshop, Gimp oder einfach Papier und Stift). Wenden Sie es dann mit einer der folgenden IDEs auf die vorhandene App an
Haftungsausschluss: Ich bin der Schöpfer von TweakStyle
In Bezug auf Ihre Bedürfnisse könnte Sie die Override-Funktion von TweakStyle interessieren. Es ermöglicht das Navigieren auf einem Remote-Backend, während eine Vorschau der an statischen Ressourcen vorgenommenen Änderungen angezeigt wird. Es funktioniert auch nahtlos mit Sass und weniger.
Fühlen Sie sich frei, Links zu anderen Softwares in Kommentaren hinzuzufügen
scubaFun
Alex
scubaFun
Alex
Huey
baitisj
Mawg sagt, Monica wieder einzusetzen
Aiden Grossmann