Umstellung von internen auf externe Stylesheets

[Thomasge]

Hallo zusammen,

nachdem bei uns eine größere Anpassung der Webseiten ansteht, möchte ich gerne die internen Stylesheets auf externe umstellen. Da nun der interne CSS-Editor in Version 4.10 wegfällt, muss ich zwangsläufig hierfür die Umstellung vornehmen. Nur mir ist momentan noch nicht klar wie ich Änderungen an Stylesheets zukünftig komfortabel durchführen kann.
Ich habe jeher den internen CSS-Editor nur für die Eingabe vom eigenen Code hergenommen. Jedoch bietet der interne CSS-Editor gewisse Vorteile wie: Einzelne Selektoren können einfach per Mausklick ausgeblendet werden, was sehr hilfreich beim Austesten von neuen Webseiten ist. Außerdem muss nicht jedes mal nach einer Änderung das Stylesheet erneut auf den Server hochgeladen werden. Der Editor in der Dateiverwaltung ist keine wirkliche Alternative dafür. Außerdem konnte man im internen CSS-Editor den Medientyp und Media-Query für das ganze Stylesheet festlegen, damit man nicht bei jedem unterschiedlichen Selektor die Angaben dafür machen musste. Ich habe es bisher für das Print-Stylesheet genutzt.
Gibt es ein Tool mit dem ich diese aufgeführten Vorteile vom internen Stylesheet umsetzen kann? Kann mir bitte jemand vielleicht Tipps oder Infos geben wie man es am besten realisieren kann.
Danke!

Gruß
Thomas

[hjo]

Notepad++ mit der Erweiterung NppFTP ermöglicht die Dateien auf dem Server vom Arbeitsplatz aus zu bearbeiten.
Ein hochladen entfällt.

[planepix]

Hallo Thomas,

ich nutze seit langem die Kombination aus FTP und Atom als Editor - da geht auch ein anderer keine Frage.

Verbinde mich mit dem Server via FT, wechsle in das Verzeichnis, in dem die CSS-Dateien liegen und kann dann dort sagen: Öffne mir die CSS-Datei in Atom.
Dort habe ich dann Syntax-Highlighting, Autovervollständigung und vorallem den Editor auf 27 Zoll .

Kurzbefehl für Sichern und die Datei wird auf dem Server gespeichert. Frontend aufrufen und die Änderungen ansehen.
CSS dass ich temporär im Codeinspektor angepasst habe übernehme ich mit CopyPaste in das CCS und speichere.

Und mit diesem Atom-Plugin kann man wunderbar die Basis-CSS-IDs und -klassen für Contao einfügen:
https://atom.io/packages/contao-front-end-snippets

[eixi]

Nachdem ich die internen Stylesheets auch sehr schätze, gebe ich die Hoffnung nicht auf, dass da ein cleverer Entwickler dann eine Erweiterung machen wird...

[3dr]

Nachdem ich die internen Stylesheets auch sehr schätze, gebe ich die Hoffnung nicht auf, dass da ein cleverer Entwickler dann eine Erweiterung machen wird...

Gebe die Hoffnung auf, denn es waren eben die cleveren Entwickler die entschieden haben, den internen Editor aus guten Gründen sterben zu lassen.

[lucina]

Das hat nichts mit 'clever' oder 'doof' zu tun sondern damit, dass es kaum möglich und sinnvoll ist, zu versuchen, alle bisherigen und zukünftigen CSS-Module, Anpassungen für browserspezifisches Verhalten oder gar so etwas wie Custom Properties in ein 'ich klick mir das einfach mal zusammen'-Backendmodul zu verpacken, von responsiven Varianten auf Geräten von der Armbanduhr bis zum DigitalSignage ganz zu schweigen. Zügiges Arbeiten ist ohnehin damit nicht möglich.

[tblumrich]

Ich war auch sehr skeptisch und wenig erfreut über die Ankündigung und hab mir dann einen ähnlichen Workflow wie planepix angeeignet (mit Visual Studio Code als Editor)...
...jetzt bin ich eher genervt, wenn ich in einer Installation mal an den internen Editor muss.
Das Arbeiten ohne den internen Editor ist soooo viel komfortabler und schneller!
Ich vermute eher die meisten kennen die Vorzüge von Editoren ala VSC oder Atom nicht und Schrecken daher etwas davor zurück.

Viele Grüße
Thomas


Gesendet von iPad mit Tapatalk

[3dr]

Das Arbeiten ohne den internen Editor ist soooo viel komfortabler und schneller!

...eben