Maak webpagina's vijf keer sneller met de Bluefish Editor [Cross-Platform]

Advertentie

Hoewel het al decennia geleden is dat de eerste webdesigner een teksteditor opende om het allereerste HTML-document te maken, zijn de tools van de handel niet echt veel veranderd.

Natuurlijk worden websites nu aangedreven door blogplatforms zoals WordPress of WYSIWYG-editors zoals Kompozer, maar het komt erop neer dat het meest harde kernweb ontwerpers zullen het altijd nodig vinden om een ​​teksteditor te openen om de stijl hier een beetje aan te passen, of om de sjabloon een beetje meer uit te lijnen Daar.

Ik denk dat teksteditors nog heel lang in de wereld van webdesign zullen blijven bestaan in het minst voor die webprogrammeurs die altijd diep in hun vak zitten om professionals te verbeteren en te optimaliseren websites. Het spreekt dus voor zich dat er tools voor tekstbewerking zouden komen die krachtiger en slimmer zijn; Tools die speciaal zijn gemaakt voor de behoeften van die hard-core webdesigners en webprogrammeurs.

Bluefish - De teksteditor voor programmeurs

Jarenlang was ik vastbesloten om bij Kladblok te blijven, ongeacht wat iedereen begon te gebruiken. Naar mijn mening vullen WYSIWYG-editors gewoon veel te veel afval in de code in (met name de dwaze save-as-HTML-functie van MS Word).

Ik kwam erg in de verleiding om Notepad ++ te proberen toen ik er voor het eerst over hoorde. Vervolgens, na het lezen van Simon's artikel over Sublieme tekst Sublieme tekst: de teksteditor waar u verliefd op wordt (Windows) Lees verder , Ik werd opnieuw verleid. Ik heb altijd aarzeld om op een kar te springen totdat een goede, solide winnaar wortel schiet.

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

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

En Bluefish programmeert goed. Maar voordat we daar op ingaan, wilde ik je eerst laten zien hoe cool dit programma eruit ziet. Tot nu toe heb ik geen coder-editor gevonden met dit soort esthetische coolheid aan de voorkant - met de meest belangrijke, gemakkelijk te vinden tools en tabbladen binnen handbereik op het hoofdscherm, afhankelijk van op welke code u zich richt op de moment.

Zoals u kunt zien, bevindt de bestandsnavigatie zich aan de linkerkant - u hoeft niet heen en weer te schakelen tussen Windows Verkenner en uw editor. Voer al uw bestanden uit vanuit de applicatie 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 en u kiest een sjabloon, zult u zien 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 wilt maken. Start in plaats daarvan gewoon de Bluefish-sjabloon en u kunt meteen aan de slag met het maken van de inhoud.

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

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

Dit kan veel tijd besparen als u het soort persoon bent (zoals ik) dat vaak de exacte syntaxis vergeet om enkele van de meest elementaire dingen te doen. Om het codefragment voor u in te vullen, zal het programma u om de details vragen. In het geval van het maken van databaseverbindingen, wordt u om de gegevensbron en de inloggegevens gevraagd. Dan schrijft het in feite de code voor je.

Hetzelfde geldt voor een hele lijst met HTML-taken, waardoor deze app de droom van een webdesigner wordt. 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 getypt en voor u ingevoegd.

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

Er zijn ook meer programmeerhulpmiddelen beschikbaar in het hoofdmenu. Als je een HTML-bestand hebt geopend, klik je op het menu 'Tags' en je ziet tientallen snelcodefuncties waaruit je kunt kiezen. Maak een webformulier met een fractie van de moeite.

Alsof de programmeerhulpmiddelen en -tools niet genoeg waren, vergeet dan niet om het menu "Tools" te bezoeken, waar u de mogelijkheid om uw code te ordenen door lijnen samen te voegen / te splitsen, in te laten springen of door een filter te gebruiken om alle lege regels van uw te verwijderen code.

Onderaan het hoofdvenster vindt u ook een gebied met uitvoervariabelen voor codering in talen zoals PHP of C ++, handig om te zien of uw code echt doet wat u wilt.

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