Webseiten fünfmal schneller mit dem Bluefish-Editor erstellen [Plattformübergreifend]

Obwohl der erste Webdesigner bereits vor Jahrzehnten einen Texteditor für die Erstellung des allerersten HTML-Dokuments geöffnet hat, haben sich die Werkzeuge des Handels nicht wirklich geändert.

Sicher, Websites werden jetzt von Blog-Plattformen wie WordPress oder WYSIWYG-Editoren wie Kompozer unterstützt. Die Quintessenz ist jedoch, dass die meisten Hardcore-Webdesigner es immer als notwendig erachten, einen Texteditor zu öffnen, um den Stil hier ein wenig zu optimieren um die Vorlage dort ein wenig mehr auszurichten.

Ich denke, dass Texteditoren schon sehr lange in der Welt des Webdesigns sein werden, zumindest für diejenigen Web-Programmierer, die sich stets mit der Verbesserung und Optimierung professioneller Websites beschäftigen. Es liegt also nahe, dass sich Textbearbeitungswerkzeuge weiterentwickeln würden, die leistungsfähiger und intelligenter sind. Tools, die speziell für die Anforderungen dieser Hardcore-Webdesigner und Webprogrammierer erstellt wurden.

Bluefish - Der Texteditor für Programmierer

Ich habe jahrelang sehr darauf geachtet, mit Notepad zu bleiben, egal was alle anderen angefangen haben. Meiner Meinung nach füllen WYSIWYG-Editoren einfach zu viel Müll in den Code (insbesondere MS Words dumme Funktion "Speichern als HTML")..

Ich war sehr versucht, Notepad ++ auszuprobieren, als ich das erste Mal davon hörte. Dann, nachdem ich Simons Artikel über Sublime Text Sublime Text gelesen hatte: Der Texteditor, in den Sie sich verlieben werden (Windows) Sublime Text: Der Texteditor, den Sie sich verlieben werden (Windows) Lesen Sie mehr, ich war wieder einmal versucht. Ich habe immer gezögert, auf einen anderen Zug zu steigen, bis sich ein guter, solider Gewinner etabliert hat.

In diesem Jahr muss ich gestehen, dass ich endlich einen Code-Editor gefunden habe, dem ich nicht widerstehen kann - er heißt Bluefish.

Wenn Sie Bluefish zum ersten Mal einrichten, werden Sie den ersten Grund dafür finden, dass ich es so sehr mag - es ist für eine Vielzahl von Programmiersprachen ausgelegt, von direktem HTML und PHP bis zu Java, VB und sogar ASP. Die Art der Flexibilität ist eine nette Sache, die man in einem Code-Editor haben kann, besonders wenn man oft in vielen verschiedenen Programmiersprachen arbeitet.

Und Bluefish programmiert gut. Aber bevor wir dazu kommen, wollte ich Ihnen nur zeigen, wie cool dieses Programm aussieht. Bis jetzt habe ich noch keinen Editor für Codierer mit dieser ästhetischen Coolness am Frontend gefunden - mit den wichtigsten, leicht zu findenden Tools und Registerkarten direkt auf dem Hauptbildschirm, je nachdem, welchen Code Sie verwenden. Im Moment konzentrieren wir uns auf.

Wie Sie sehen, befindet sich die Datei-Navigation ganz links auf der linken Seite. Sie müssen nicht zwischen Windows Explorer und Ihrem Editor hin und her wechseln. Führen Sie alle Ihre Dateien direkt in der Anwendung aus.

Dazu gehören alle üblichen Funktionen eines Datei-Explorers, z. B. das Verschieben oder Umbenennen von Ordnern und Dateien.

Wenn Sie ein neues Dokument aus dem Dateimenü starten, sehen Sie, wenn Sie eine Vorlage wählen, dass Bluefish einige vorgefertigte Programmvorlagen zur Verfügung stellt. Dies ist besonders nützlich, wenn Sie beispielsweise viele Webseiten schreiben und nicht dieselbe generische XHTML- oder PHP-Struktur wiederherstellen möchten. Starten Sie stattdessen einfach die Bluefish-Vorlage, und Sie können sofort mit dem Erstellen des Inhalts beginnen.

Das Bild unten zeigt die Standard-HTML-Vorlage mit den für Sie vordefinierten Kopf-, Titel- und Text-Tags. Wie Sie sehen, sind die Zeilen nummeriert, und während der Eingabe verfügt die Anwendung über eine Funktion, mit der Tags automatisch für Sie vervollständigt werden.

Wie Sie in der Menüleiste sehen können, sind in jeder Programmsprache vordefinierte Code-Snippets verfügbar. HTML enthält beispielsweise Standardcode für Webformulare und PHP verfügt über Standardcodeausschnitte für die Verbindung mit einer ODBC- oder MySQL-Datenbank.

Dies kann viel Zeit sparen, wenn Sie die Person sind (wie ich), die oft die genaue Syntax vergisst, um einige der grundlegendsten Dinge zu tun. Um das Code-Snippet für Sie abzuschließen, fragt Sie das Programm nach den Details. Bei Datenbankverbindungen werden Sie nach der Datenquelle und den Anmeldedaten gefragt. Dann schreibt es im Grunde den Code für Sie.

Gleiches gilt für eine ganze Liste von HTML-Aufgaben - damit wird diese App zu einem Traum für Webdesigner. Mit Bluefish können Sie dieselbe Webseite in der Hälfte der Zeit codieren. Tippen Sie einfach auf das gewünschte Element, geben Sie dem Dialogfeld einige Details an, und der Code wird eingegeben und für Sie eingefügt.

Es ist nicht WYSIWYG, aber meiner Meinung nach ist es zehnmal besser. Sie wissen, was Sie im Code tun möchten, Sie haben einfach keine Zeit, Ihr Nachschlagewerk auf die richtige Syntax zu überprüfen - so können Sie mit Bluefish die Kopfschmerzen reduzieren.

Weitere Programmierhilfen finden Sie auch im oberen Menü. Wenn Sie eine HTML-Datei geöffnet haben, klicken Sie auf die Schaltfläche “Stichworte” Menü und es werden Dutzende von Quick Code-Funktionen zur Auswahl angezeigt. Erstellen Sie ein Webformular mit einem Bruchteil des Aufwandes.

Wenn die Programmierhilfen und Tools nicht ausreichen, vergessen Sie nicht, die “Werkzeuge” In diesem Menü können Sie Ihren Code organisieren, indem Sie Zeilen verbinden / teilen, einrücken oder einen Filter verwenden, um alle leeren Zeilen aus Ihrem Code zu entfernen.

Am unteren Rand des Hauptfensters finden Sie auch einen Ausgabevariablenbereich für das Codieren in Sprachen wie PHP oder C ++. Dies ist nützlich, um zu sehen, ob Ihr Code wirklich das tut, was Sie möchten.

Ich denke, man kann mit Sicherheit sagen, dass Bluefish mein Herz für sich gewonnen hat, wenn es darum geht “intelligente Codierung” anstatt nur in Notepad zu hacken. Also, probieren Sie Bluefish aus und lassen Sie uns wissen, ob dies Ihre Programmierkenntnisse überhaupt vereinfacht. was magst du daran? Teilen Sie Ihre Gedanken in den Kommentaren unten mit.

Erfahren Sie mehr über: HTML, Programmierung, Texteditor, Webdesign, Webentwicklung, WYSIWYG-Editoren.