Crea pagine Web cinque volte più velocemente usando l'editor di pesci blu [Cross-Platform]

Sebbene siano trascorsi decenni da quando il primo web designer ha aperto un editor di testo per creare il primo documento HTML, gli strumenti del mestiere non hanno davvero cambiato molto.

Certo, i siti web sono ora alimentati da piattaforme di blog come WordPress, o editor WYSIWYG come Kompozer, ma la linea di fondo è che i web designer più duri troveranno sempre necessario aprire un editor di testo per modificare leggermente lo stile qui, o per riallineare il modello un po 'di più lì.

Penso che gli editor di testo saranno in giro nel mondo del web design per un tempo molto lungo, almeno per quei programmatori web che sono sempre impegnati a migliorare e ottimizzare i siti web professionali. Quindi, è ovvio che gli strumenti di modifica del testo si evolverebbero più potenti e più intelligenti; Strumenti creati appositamente per le esigenze di quei web designer e web programmatori hard-core.

Bluefish - L'editor di testo per i programmatori

Per anni, ero molto fermamente convinto di restare con il Blocco note, indipendentemente da quello che tutti gli altri hanno iniziato a usare. A mio avviso, gli editor WYSIWYG riempiono troppo il codice nel cestino (in particolare la stupida funzione di salvataggio in HTML di MS Word).

Ero molto tentato di provare Notepad ++ quando ne ho sentito parlare per la prima volta. Quindi, dopo aver letto l'articolo di Simon su Sublime Text Sublime Text: The Text Editor Ti innamori di (Windows) Testo sublime: l'editor di testo Ti innamorerai di (Windows) Per saperne di più, sono stato tentato ancora una volta. Sono sempre stato riluttante a saltare su un carro del carro fino a quando un buon vincitore solido mette radici.

Quest'anno, devo confessare che finalmente ho trovato un editor di codice a cui non posso resistere: si chiama Bluefish.

Quando configurerai per la prima volta Bluefish, vedrai la prima ragione per cui mi piace così tanto: è progettato per gestire un vasto assortimento di linguaggi di programmazione, da HTML puro e PHP a Java, VB e persino ASP. Il tipo di flessibilità è una buona cosa da avere in un editor di codice, specialmente se hai spesso le mani in molti linguaggi di programmazione diversi.

E Bluefish funziona bene. Ma prima di arrivare a questo, volevo mostrarti quanto è bello questo programma. Fino a questo punto non ho trovato un editor di coder con questo tipo di freschezza estetica nella parte anteriore - con gli strumenti e le schede più importanti e facili da trovare, a portata di mano, sullo schermo principale, a seconda del codice che si è " re focalizzato su al momento.

Come puoi vedere, la navigazione dei file è proprio lì sulla sinistra - non c'è bisogno di capovolgere avanti e indietro tra Windows Explorer e il tuo editor. Esegui l'esplorazione di tutti i file direttamente all'interno dell'applicazione stessa.

Ciò include tutte le solite cose che puoi fare con un file explorer, come spostare o rinominare cartelle e file.

Quando avvii un nuovo documento dal menu file, se scegli il modello vedrai che Bluefish ha alcuni modelli di programmi predefiniti disponibili. Ciò è particolarmente utile se si scrivono molte pagine Web, ad esempio, e non si desidera ricreare la stessa struttura generica XHTML o PHP. Invece, basta lanciare il modello di Bluefish e si può immediatamente iniziare a creare il contenuto.

La foto qui sotto è il modello HTML standard con i tag intestazione, titolo e corpo pre-costruiti per te. Come puoi vedere, le linee sono numerate e mentre stai digitando l'applicazione ha una funzione in cui completerà automaticamente i tag per te.

Come puoi vedere nella barra dei menu, ci sono anche snippet di codice predefiniti disponibili in ciascuna lingua del programma. Ad esempio, HTML ha un codice standard per i moduli Web e PHP ha snippet di codice standard per la connessione a un database ODBC o MySQL.

Questo può far risparmiare un sacco di tempo se sei il tipo di persona (come me) che spesso dimentica la sintassi esatta per fare alcune delle cose più basilari. Per completare lo snippet di codice per te, il programma ti chiederà i dettagli. Nel caso di effettuare connessioni al database, ti chiederà l'origine dati e i dettagli di accesso. Quindi basterà scrivere il codice per te.

Lo stesso vale per un'intera lista di compiti HTML - rendendo questa app un sogno per i web designer. Puoi codificare la stessa pagina web in metà tempo utilizzando Bluefish. Basta toccare l'elemento che desideri, fornire alla finestra di dialogo alcuni dettagli e il codice viene digitato e inserito per te.

Non è WYSIWYG, ma secondo me è dieci volte meglio. Sai cosa vuoi fare nel codice, non hai il tempo di continuare a controllare il tuo libro di riferimento per la sintassi corretta - quindi Bluefish ti permette di ridurre il mal di testa.

Altri aiuti di programmazione sono disponibili anche dal menu principale. Se hai un file HTML aperto, fai clic su “tag” menu e vedrai decine di funzioni di codice rapido disponibili tra cui scegliere. Crea un modulo web con una frazione dello sforzo.

Come se gli aiuti e gli strumenti di programmazione non fossero sufficienti, non dimenticarti di controllare il “Utensili” menu in cui troverai la possibilità di organizzare il tuo codice unendo / dividendo linee, indentando o usando un filtro per rimuovere tutte le righe vuote dal tuo codice.

Nella parte inferiore della finestra principale, troverai anche un'area variabile di output per la codifica in lingue come PHP o C ++, utile per vedere se il tuo codice sta davvero facendo ciò che vuoi che faccia.

Penso che sia sicuro dire che Bluefish ha conquistato il mio cuore quando si tratta di “codifica intelligente” piuttosto che hackerare via nel blocco note. Quindi, prova Bluefish e facci sapere se ha semplificato la tua esperienza di programmazione. cosa ti piace di questo? Condividi i tuoi pensieri nella sezione commenti qui sotto.

Scopri di più su: HTML, programmazione, editor di testo, web design, sviluppo Web, editor WYSIWYG.