Leserumfrage! Wie kodieren Sie Designs in HTML / CSS?

Wir haben kürzlich die große Ankündigung gemacht, dass wir PSD-> HTML-Tutorials hier auf Webdesigntuts veröffentlichen werden, was zu einer Debatte über die meisten Webdesigner geführt hat, die heutzutage das Codieren verwenden. Jeder Webdesigner / Entwickler hat eine Vielzahl von Optionen zur Auswahl: Dreamweaver, Coda und Notepad ++ sind nur einige der Optionen?

Die Umfrage: Wie werden Designs in HTML / CSS codiert??

Bevor wir in die Umfrage und die Diskussion eintauchen, lassen Sie uns eines klarstellen: Es geht nicht um das Recht Weg zum Code geht es darum, was für Sie funktioniert. Was wir speziell fragen, ist Wie Sie erhalten es täglich. Sie haben vielleicht drei oder vier verschiedene Methoden, Programme oder Workflows ausprobiert? Wenn Sie jedoch HTML / CSS für längere Zeit programmiert haben, besteht die Möglichkeit, dass Sie sich jetzt auf eine Art und Weise festgelegt haben.

Das Schreiben von Frontend-Codierungen für eine Website ist genauso persönlich wie die Designphase selbst? und es gibt eine Reihe verschiedener Überlegungen, die Sie treffen können, bevor Sie sich entscheiden, welche Methode für Sie die beste ist. Ich werde diese Überlegungen im Folgenden detailliert aufführen, aber im Allgemeinen reichen sie von den Kosten bis zur Benutzerfreundlichkeit.

Beantworten Sie die Umfrage unten, lesen Sie die detaillierten Überlegungen und nehmen Sie an der Diskussion im Kommentarbereich teil, um die Erklärung zu erleichtern Warum Sie kodieren so, wie Sie es tun. Wir werden Ihr Feedback als Grundlage für die Erstellung von Tutorials in der Zukunft verwenden. Wenn Sie also eine Meinung oder ein Anliegen haben, sprechen Sie mit.

Die Überlegungen

Wir werden in diesem Monat tatsächlich einen umfassenden Artikel über den Stand der Codierung von Programmen (wie Dreamweaver) veröffentlichen. Dies sollte also eine gute Einführung für alle sein, die diesen Beitrag später lesen möchten:

• Kosten: Dies ist möglicherweise das erste, was Sie in Betracht ziehen, wenn Sie gerade erst anfangen. Ironischerweise sind die Programme, die am besten für Anfänger geeignet sind, auch die teuersten. Dreamweaver wird Ihnen etwa 399 US-Dollar oder 1799 US-Dollar als Teil der Web Premium Creative Suite zur Verfügung stellen. Adobe bietet auch einen neuen monatlichen Abonnementservice für nur 19 US-Dollar pro Monat an, was sich jedoch immer noch auf rund 240 US-Dollar im Jahr beläuft.

  Coda kostet $ 99, was wesentlich vernünftiger ist. Der E-Text-Editor kostet 47 US-Dollar. CSSEdit kostet $ 40, ist jedoch auf bestimmte Aufgaben beschränkt. Der Notepad ++ ist zu 100% kostenlos und Open Source. Es gibt auch eine Reihe anderer grundlegender Texteditoren, die ebenfalls kostenlos sind.

• Benutzerfreundlichkeit: Dies ist eine persönlichere Kategorie als die anderen? aber manche Programme fühlen sich einfach brauchbarer als andere. Dies ist zwar alles relativ. Wenn Sie beispielsweise schon seit Jahren mit Adobe Creative Suite arbeiten (oder eine Schulung erhalten haben), könnten Sie sich in Richtung Dreamweaver bewegen. Umgekehrt könnte Dreamweaver für andere Personen, die mit dem Programm nicht vertraut sind, wie ein übermäßig gewachsenes Programm erscheinen.

  Auf der anderen Seite der Komplexität fühlen sich einige Designer / Codierer in einem einfachen alten Texteditor wirklich wohl. Was für Sie am besten funktioniert, liegt letztlich bei Ihnen - aber zu einem bestimmten Zeitpunkt sollten Sie zuerst darüber nachdenken, mit welchem ​​Programm Sie sich wohl fühlen.

• Funktionssatz: Das Feature-Set, mit dem Ihr spezielles Werkzeug ausgestattet ist, ist eine weitere wichtige Überlegung. Benötigen Sie ein eingebautes FTP-Programm? Benötigen Sie Code-Hinweise und vorgefertigte Snippets, die Ihnen zur Verfügung stehen? Benötigen Sie eine Vorschau des Codes, an dem Sie gerade arbeiten? Möchten Sie für jede Sprache, mit der Sie arbeiten, eine andere "Ansicht"? Wie sieht es mit der Möglichkeit aus, ältere Versionen Ihres Codes erneut aufzurufen?

  Features sind jedoch oft ein zweischneidiges Schwert? Tatsächlich bemängeln viele Leute, Dreamweaver und andere große WYIWYG-Editoren seien zu umfangreich, um benutzbar zu sein. Auch dies ist eine sehr persönliche Betrachtung? Einige Leute wollen alles bei ihrem Get-and-Call; Andere möchten Licht einpacken und alles von Grund auf neu schreiben.

• Zusammenarbeit: Eine weitere Überlegung, die ich wegwerfe, ist die Zusammenarbeit Ihres Projekts. Stellen Sie sich das so vor: Wenn Sie ein Projekt entwerfen, bei dem Sie wahrscheinlich die einzige Person sind, die den Code jemals berühren wird, können Sie wahrscheinlich auswählen, welche Methode für Sie die richtige ist. ABER, wenn Sie in einem größeren Team oder in einem Studio arbeiten, müssen Sie überlegen, ob sie ihre eigene Arbeitsweise haben oder nicht. In solchen Fällen sind schwere (und teure) Programme wie Dreamweaver möglicherweise nicht besonders sinnvoll, wenn nicht jeder im Team Zugriff hat. Ebenso können komplexe Funktionen wie SVN und Versionsverfolgung eher hinderlich sein als einen Nutzen.

Diskussion: So, wie Sie kodieren?

Nein, richtig? Antwort natürlich, aber es ist großartig zu hören, warum andere Designer Dinge tun. Wie die anderen Beiträge in unserer "Leserumfrage"? Serie ist dies ein Anstoßpunkt für Diskussionen unter unseren Lesern? Zögern Sie nicht, mit Ihren eigenen Gedanken zu spielen.

Oh - und wenn Sie unsere Umfrage bei Webdesignern verpasst haben sollte wissen, wie man codiert, checkt es hier!