cldsi.de — Web Development in Design & Code

Meine Entwicklungsumgebung

Um den Herausforderungen der modernen Webentwicklung gerecht zu werden, sind viele Tools von Nöten. Heute möchte ich meine Entwicklungsumgebung, mit allen genutzten Tools, vorstellen.

Design

Fast wichtiger als die Hardware, ist Software, die perfekt angepasst werden kann. Deshalb verwende ich GIMP und Affinity Designer, um Designs zu erstellen, Logos anzupassen und Bilder zu vektorisieren.
Seit Adobe mit der Creative Cloud arbeitet, habe ich mich bewusst gegen deren Produkte entschieden.

zeigt ein Programm namens Affinity Designer, mit welchem Grafiken erstellt werden können.
Affinity Designer

(S)FTP, WebDav und AWS S3

Als FTP-Client verwende ich die umfangreiche und schöne Software „Transmit“ von Panic!. Bis jetzt verwende ich noch Version 4.4, werde in Zukunft aber sicher auf Transmit 5 upgraden.

zeigt den FTP-Client "Transmit"
Transmit

Code

Um HTML, CSS, PHP, JavaScript und alle anderen Sprachen zu schreiben, verwende ich Sublime Text 3. Um Sublime Text zu erweitern, wird Package Control eingesetzt. Als Color-Scheme benutze ich One Dark. Zusätzlich habe ich nodeJS, Auto Close Tags, Minifier, AdvancedNewFile und HTML/CSS/JS Prettifier installiert.

zeigt das Editor-Programm "Sublime Text 3"
Sublime Text 3

Als LESS/SASS-Compiler benutze ich Prepros, da das Programm wunderbar aussieht und auch perfekt im Zusammenspiel mit Transmit funktioniert.

zeigt den SASS/LESS-Compiler "Prepros"
Prepros