Izrada web stranica pet puta brže pomoću uređivača Bluefish [Cross-Platform]

Oglas

Iako su prošla desetljeća od kada je prvi web dizajner otvorio uređivač teksta da bi stvorio prvi HTML dokument, alati trgovine nisu se puno promijenili.

Sigurno da web stranice sada pokreću blogovske platforme poput WordPressa ili WYSIWYG urednika poput Kompozera, ali suština je onog najtežeg jezgra dizajneri će uvijek pronaći potrebno da otvorite uređivač teksta da biste malo promijenili stil ovdje ili malo više preuredili predložak. tamo.

Mislim da će uređivači teksta biti dugo u svijetu web dizajna, na barem za one web programere koji su uvijek duboki u poboljšanju i optimizaciji profesionalaca web stranica. Dakle, postoji razlog da se razvijaju alati za uređivanje teksta koji su moćniji i pametniji; Alati stvoreni posebno za potrebe tih tvrdog web dizajnera i web programera.

Bluefish - uređivač teksta za programere

Godinama sam bio vrlo oprezan za lijepljenje bilježnice, bez obzira na to što su svi ostali počeli koristiti. Po mom mišljenju, WYSIWYG uređivači samo unose previše smeća u kôd (posebno glupu značajku spremanja kao HTML-a u programu MS Word).

Bio sam vrlo iskušen da isprobam Notepad ++ kada sam prvi put čuo za njega. Zatim, nakon čitanja Simoninog članka o Uzvišeni tekst Uzvišeni tekst: uređivač teksta u koji ćete se zaljubiti (Windows) Čitaj više , Opet sam bio u iskušenju. Uvijek sam oklijevao uskočiti u bilo koji pojas, sve dok dobar, solidni pobjednik ne uđe u korijen.

Ove godine moram priznati da sam konačno našao uređivač koda kojem se ne mogu oduprijeti - tako se zove bluefish.

Kad prvi put postavite Bluefish, vidjet ćete prvi razlog zašto mi se toliko sviđa - dizajniran je za obradu velikog broja programskih jezika, od direktnih HTML i PHP-a do Java, VB, pa čak i ASP-a. Takvu fleksibilnost lijepo je imati u uređivaču koda, posebno ako često imate ruke u mnogo različitih programskih jezika.

A Bluefish dobro programira. Ali prije nego što smo došli do toga, želio sam vam samo pokazati kako ovaj program izgleda super. Do sada nisam našao uređivača kodova s ​​ovakvom estetskom hladnoćom na prednjem kraju - s najviše važni alati i kartice koje ste lako pronašli na dohvat ruke na glavnom zaslonu, ovisno o tome na koji ste kôd usredotočeni trenutak.

Kao što vidite, navigacija datotekama nalazi se tamo s lijeve strane - nema potrebe za prebacivanjem naprijed-nazad između programa Windows Explorer i vašeg uređivača. Sve svoje datoteke istražite pravo unutar same aplikacije.

To uključuje sve uobičajene stvari koje možete učiniti s preglednikom datoteka, poput premještanja ili preimenovanja mapa i datoteka.

Kada pokrenete novi dokument iz izbornika datoteke, ako odaberete predložak, vidjet ćete da Bluefish ima na raspolaganju nekoliko unaprijed programskih predložaka. To je posebno korisno ako npr. Pišete puno web stranica i ne želite ponovno stvoriti istu generičku XHTML ili PHP strukturu. Umjesto toga, lansirajte predložak Bluefish-a i možete se odmah uključiti u stvaranje sadržaja.

Slika ispod je standardni HTML predložak s unaprijed ugrađenim oznakama zaglavlja, naslova i tijela. Kao što vidite, linije su označene brojevima, a dok tipkate aplikacija ima značajku na kojoj će automatski dovršiti oznake za vas.

Kao što možete vidjeti na traci izbornika, postoje i unaprijed ugrađeni isječci kodova koji su dostupni za svaki programski jezik. Na primjer, HTML ima standardni kod za web obrasce, a PHP ima standardne isječke koda za povezivanje s ODBC ili MySQL bazom podataka.

To može uštedjeti puno vremena ako ste osoba (poput mene) koja često zaboravlja točnu sintaksu kako bi napravila neke najosnovnije stvari. Da biste dovršili isječak koda za vas, program će vas pitati za pojedinosti. U slučaju povezivanja s bazom podataka, tražit će vas izvor podataka i podatke za prijavu. Tada će u osnovi napisati kod za vas.

Isto vrijedi i za čitav popis zadataka s HTML-om - što ovu aplikaciju web dizajneri sanjaju. Možete upotrijebiti istu web stranicu na pola vremena pomoću Bluefish-a. Samo dodirnite željeni element, dodajte dijaloški okvir s nekoliko pojedinosti i kôd se upisuje i ubacuje umjesto vas.

Nije WYSIWYG, ali prema mom mišljenju deset je puta bolji. Znate što želite učiniti u kodu, jednostavno nemate vremena stalno provjeravati vašu referentnu knjigu na ispravnu sintaksu - tako da vam Bluefish omogućuje ublažiti glavobolju.

Više pomoćnih programa dostupno je i iz gornjeg izbornika. Ako vam je otvorena HTML datoteka, kliknite izbornik "Oznake" i vidjet ćete na desetke brzih funkcija koda koje možete odabrati. Izradite web obrazac s dijelom truda.

Kao da programska pomagala i alati nisu bili dovoljni, ne zaboravite provjeriti izbornik "Alati" gdje ćete pronaći sposobnost organiziranja vašeg koda spajanjem / dijeljenjem linija, uvlačenja ili pomoću filtra kako biste uklonili sve prazne linije s vašeg kodirati.

Na dnu glavnog prozora naći ćete i izlazno područje varijable za kodiranje na jezicima kao što su PHP ili C ++, korisno da vidite da li vaš kôd stvarno radi ono što želite.

Mislim da je sigurno reći da je Bluefish osvojio moje srce kada je u pitanju "inteligentno kodiranje", a ne samo hakiranje u Notepad. Dakle, pokušajte Bluefish i javite nam je li uopće pojednostavio vaše iskustvo programiranja. što ti se sviđa kod toga? Podijelite svoje misli u odjeljku s komentarima u nastavku.