Maak vijf keer sneller webpagina's met behulp van de Bluefish-editor [Cross-Platform]

Hoewel het decennia geleden is dat de eerste webontwerper een teksteditor heeft geopend om het allereerste HTML-document te maken, zijn de hulpprogramma's niet echt heel erg veranderd.

Natuurlijk worden websites nu mogelijk gemaakt door blogplatforms zoals WordPress of WYSIWYG-editors zoals Kompozer, maar het komt er uiteindelijk op neer dat de meeste ontwerpers van hard core-websites het altijd nodig zullen vinden om een ​​teksteditor open te vouwen om de stijl hier een beetje aan te passen, of om de sjabloon daar iets verder uit te lijnen.

Ik denk dat teksteditors zich al heel lang in de wereld van webdesign zullen bevinden, althans voor die webprogrammeurs die altijd diep in het verbeteren en optimaliseren van professionele websites zitten. Dus het spreekt vanzelf dat tekstbewerkingstools zouden evolueren die krachtiger en slimmer zijn; Tools speciaal gemaakt voor de behoeften van die hard-core webontwerpers en webprogrammeurs.

Bluefish - De teksteditor voor programmeurs

Jarenlang heb ik heel hard vastgehouden aan het vasthouden aan Kladblok, ongeacht wat iedereen begon te gebruiken. Naar mijn mening, WYSIWYG-editors vullen gewoon veel te veel afval in de code (met name de dwaze save-as-HTML-functie van MS Word).

Ik was erg geneigd om Notepad ++ te proberen toen ik er voor het eerst over hoorde. Na het lezen van Simon's artikel over Sublime Text Sublime Text: The Text Editor You'll Fall in Love With (Windows) Sublime Text: The Text Editor You'll Fall in Love With (Windows) Lees Meer, ik was alweer in de verleiding. Ik ben altijd terughoudend geweest om op elke muziektrein te springen tot een goede, solide winnaar wortel schiet.

Dit jaar moet ik bekennen dat ik eindelijk een code-editor heb gevonden die ik niet kan weerstaan ​​- het heet Bluefish.

Wanneer u Bluefish voor het eerst instelt, ziet u de eerste reden dat ik het zo leuk vind: het is ontworpen om een ​​enorm assortiment programmeertalen aan te kunnen, van rechte HTML en PHP tot Java, VB en zelfs ASP. Het soort flexibiliteit is leuk om in een code-editor te hebben, vooral als je vaak je handen in veel verschillende programmeertalen hebt.

En Bluefish programmeert goed. Maar voordat we daarover kwamen, wilde ik je gewoon laten zien hoe cool dit programma eruitziet. Tot nu toe heb ik geen codeerprogramma gevonden met dit soort esthetische coolheid aan de voorkant - met de belangrijkste, eenvoudig te vinden hulpmiddelen en tabbladen binnen handbereik op het hoofdscherm, afhankelijk van welke code je gebruikt ' opnieuw gericht op het moment.

Zoals u kunt zien, bevindt de bestandsnavigatie zich aan de linkerkant - het is niet nodig om heen en weer te bladeren tussen Windows Explorer en uw editor. Voer al uw bestanden uit in de toepassing zelf.

Dat omvat alle gebruikelijke dingen die u kunt doen met een bestandsverkenner, zoals het verplaatsen of hernoemen van mappen en bestanden.

Wanneer u een nieuw document start vanuit het bestandsmenu, ziet u dat Bluefish een paar vooraf gebouwde programmasjablonen beschikbaar heeft. Dit is vooral handig als u bijvoorbeeld veel webpagina's schrijft en niet dezelfde generieke XHTML- of PHP-structuur opnieuw wilt maken. In plaats daarvan start u gewoon de sjabloon van Bluefish en kunt u meteen beginnen met het maken van de inhoud.

De onderstaande afbeelding is de standaard HTML-sjabloon met de header-, title- en body-tags vooraf gebouwd voor u. Zoals u kunt zien, zijn regels genummerd en terwijl u typt, heeft de toepassing een functie waarmee tags automatisch voor u worden voltooid.

Zoals u in de menubalk kunt zien, zijn er ook voorgebouwde codefragmenten beschikbaar onder elke programmeertaal. HTML heeft bijvoorbeeld standaardcode voor webformulieren en PHP heeft standaard codefragmenten voor het maken van verbinding met een ODBC- of MySQL-database.

Dit kan veel tijd besparen als je het soort persoon bent (zoals ik) dat vaak de exacte syntax vergeet om enkele van de meest basale dingen te doen. Om het codefragment voor u te voltooien, zal het programma u om de details vragen. In het geval van het maken van databaseverbindingen, zal het u om de gegevensbron en de inloggegevens vragen. Dan zal het in principe de code voor je schrijven.

Hetzelfde geldt voor een hele lijst HTML-taken - waardoor deze app een droom voor webontwerpers is. U kunt dezelfde webpagina in de helft van de tijd coderen met Bluefish. Tik gewoon op het gewenste element, geef het dialoogvenster een paar details en de code wordt voor u ingetypt en ingevoegd.

Het is niet WYSIWYG, maar naar mijn mening is het tien keer beter. U weet wat u in de code wilt doen, u hebt gewoon geen tijd om uw naslagwerk te blijven controleren op de juiste syntaxis - dus Bluefish laat u de hoofdpijn verminderen.

Meer programmeerhulpmiddelen zijn ook beschikbaar in het bovenste menu. Als u een HTML-bestand hebt geopend, klikt u op “Tags” menu en je zult tientallen snelle codefuncties zien waaruit je kunt kiezen. Maak een webformulier met een fractie van de moeite.

Alsof de programmeerhulpmiddelen en hulpmiddelen niet genoeg waren, vergeet dan niet om de “Hulpmiddelen” menu waarin u de mogelijkheid vindt om uw code te ordenen door lijnen samen te voegen / te splitsen, te laten inspringen of een filter te gebruiken om alle lege regels uit uw code te verwijderen.

Onderaan het hoofdvenster vindt u ook een uitvoervariabele voor het coderen in talen zoals PHP of C ++, handig om te zien of uw code echt doet wat u wilt dat het doet.

Ik denk dat het veilig is om te zeggen dat Bluefish mijn hart heeft veroverd als het gaat om “intelligente codering” in plaats van gewoon te hacken in Kladblok. Dus probeer Bluefish eens uit en laat ons weten of het je programmeerervaring überhaupt heeft vereenvoudigd. wat vind je er leuk aan? Deel uw mening in de commentarensectie hieronder.

Ontdek meer over: HTML, programmeren, teksteditor, webontwerp, webontwikkeling, WYSIWYG-editors.