Erstellen Sie Webseiten mit dem Bluefish Editor fünfmal schneller [plattformübergreifend]

Werbung

Obwohl es Jahrzehnte her sind, dass der erste Webdesigner einen Texteditor zur Erstellung des allerersten HTML-Dokuments geöffnet hat, haben sich die Werkzeuge des Handels nicht wirklich stark verändert.

Sicher, Websites werden jetzt von Blogplattformen wie WordPress oder WYSIWYG-Editoren wie Kompozer betrieben, aber die Quintessenz ist, dass die meisten Hardcore-Webdesigner es immer nötig finden, einen Texteditor zu öffnen, um den Stil hier ein wenig zu verändern um die Vorlage dort etwas mehr auszurichten.

Ich denke, dass Texteditoren sehr lange in der Welt des Webdesigns zu finden sein werden, zumindest für jene Webprogrammierer, die sich immer darauf konzentrieren, professionelle Websites zu verbessern und zu optimieren. Es liegt also nahe, dass Textbearbeitungstools entwickelt werden, die leistungsfähiger und intelligenter sind; Tools, die speziell für die Bedürfnisse dieser hartnäckigen Webdesigner und Webprogrammierer entwickelt wurden.

Bluefish - Der Texteditor für Programmierer

Jahrelang war ich sehr darauf bedacht, mit Notepad zu arbeiten, egal, was alle anderen damit anfangen. Meiner Meinung nach füllen WYSIWYG-Editoren einfach zu viel Müll in den Code (insbesondere die alberne Save-as-HTML-Funktion von MS Word).

Ich war sehr versucht, Notepad ++ zu versuchen, als ich das erste Mal davon hörte. Dann, nach dem Lesen von Simons Artikel über Sublime Text Sublime Text: Der Text Editor werden Sie sich in (Windows) Sublime Text verlieben: Der Text-Editor, in den Sie sich verlieben werden (Windows) Lesen Sie mehr, ich war wieder einmal versucht. Ich war immer zögerlich, auf irgendeinen Zug aufzuspringen, bis sich ein guter, solider Gewinner durchsetzt.

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 sehen, warum es mir so gut gefällt - es wurde entwickelt, um eine große Auswahl an Programmiersprachen zu verarbeiten, von reinem HTML und PHP zu Java, VB und sogar ASP. Die Art der Flexibilität ist in einem Code-Editor eine gute Sache, besonders wenn Sie oft in vielen verschiedenen Programmiersprachen arbeiten.

Und Bluefish programmiert gut. Aber bevor wir dazu kommen, wollte ich Ihnen nur zeigen, wie cool dieses Programm aussieht. Bis jetzt habe ich keinen Coder-Editor mit dieser Art von ästhetischer Coolness am Frontend gefunden - mit den wichtigsten, leicht zu findenden Tools und Tabs direkt auf dem Hauptbildschirm, je nachdem, welchen Code du verwendest " im Moment konzentriert.

Wie Sie sehen können, befindet sich die Dateinavigation genau dort auf der linken Seite - Sie müssen nicht zwischen Windows Explorer und Ihrem Editor hin- und herblättern. Führen Sie alle Ihre Datei von rechts in der Anwendung selbst aus.

Das beinhaltet alle üblichen Dinge, die Sie mit einem Datei-Explorer tun können, wie das Verschieben oder Umbenennen von Ordnern und Dateien.

Wenn Sie ein neues Dokument aus dem Dateimenü starten, sehen Sie, wenn Sie die Vorlage wählen, dass Bluefish ein paar vorgefertigte Programmvorlagen zur Verfügung hat. Dies ist besonders nützlich, wenn Sie beispielsweise viele Webseiten schreiben und nicht dieselbe generische XHTML- oder PHP-Struktur erstellen möchten. Stattdessen starten Sie einfach die Vorlage von Bluefish und Sie können sofort den Inhalt erstellen.

Das Bild unten ist das Standard-HTML-Template mit den für Sie vordefinierten Header-, Titel- und Body-Tags. Wie Sie sehen können, sind die Zeilen nummeriert, und während Sie tippen, verfügt die Anwendung über eine Funktion, mit der Sie Tags automatisch vervollständigen können.

Wie Sie in der Menüleiste sehen können, gibt es auch vordefinierte Code-Snippets, die unter jeder Programmiersprache verfügbar sind. Zum Beispiel hat HTML Standardcode für Webformulare und PHP verfügt über Standard-Code-Snippets für die Verbindung mit einer ODBC- oder MySQL-Datenbank.

Dies kann viel Zeit sparen, wenn Sie die Art von Person sind (wie ich), die oft die genaue Syntax vergisst, um einige der grundlegendsten Dinge zu tun. Um das Code-Snippet für Sie zu vervollständigen, fragt das Programm nach den Details. Wenn Sie Datenbankverbindungen herstellen, werden Sie nach der Datenquelle und den Anmeldedaten gefragt. Dann wird es im Grunde den Code für Sie schreiben.

Das Gleiche gilt für eine ganze Liste von HTML-Aufgaben - diese App wird zum Traum eines Webdesigners. Sie können dieselbe Webseite in der Hälfte der Zeit mit Bluefish programmieren. Tippen Sie einfach auf das gewünschte Element, geben Sie dem Dialogfeld einige Details und der Code wird eingegeben und für Sie eingefügt.

Es ist nicht WYSIWYG, aber meiner Meinung nach ist es zehn Mal 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 lässt Sie Bluefish die Kopfschmerzen lindern.

Weitere Programmierhilfen sind ebenfalls im Hauptmenü verfügbar. Wenn Sie eine HTML-Datei geöffnet haben, klicken Sie auf das Menü "Tags" und Sie sehen Dutzende von schnellen Code-Funktionen zur Auswahl. Erstellen Sie ein Webformular mit einem Bruchteil der Mühe.

Als ob die Programmierhilfen und Werkzeuge nicht genug wären, vergiss nicht, das Menü "Extras" zu überprüfen, wo du deinen Code organisieren kannst, indem du Zeilen zusammenfügst / aufteilst, Einrückungen machst oder einen Filter verwendest, um alles zu entfernen leere Zeilen aus Ihrem Code.

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

Ich denke, es ist sicher zu sagen, dass Bluefish mein Herz gewonnen hat, wenn es um "intelligentes Codieren" geht, anstatt nur in Notepad zu hacken. Also, geben Sie Bluefish einen Versuch und lassen Sie uns wissen, ob es Ihre Programmiererfahrung überhaupt vereinfacht hat. was magst du daran? Teilen Sie Ihre Gedanken in den Kommentaren unten.