8 najboljih razvojnih alata za Linux

U našem svijetu koji se brzo mijenja, granice između različitih operativnih sustava često su suptilne, što je dobra vijest za web majstore koji razmišljaju o korištenju Linuxa na svojim razvojnim radnim stanicama. Kreatori sadržaja koji dolaze iz sustava Windows i macOS često očekuju da će i dalje koristiti svoj softver na profesionalnoj razini, poput Adobe Dreamweaver u Linuxu, ali otkrivaju da tamo nije dostupan.

Iako je moguće pokretanje mnogih Windows aplikacija (uključujući Dreamweaver) u Linuxu putem Winea, iskustvo i integracija radne površine neće biti isti. Stanje dostupnosti softvera u Linuxu neprestano se poboljšava, a danas su izdani mnogi komercijalni proizvodi za sve glavne platforme - Windows, macOS i Linux - ali potencijalni prebacivači trebali bi biti spremni na kompromise i ponekad promijeniti svoje navike.



Odabrali smo najkorisnije specijalizirane Linux programe koji će tranziciju učiniti ugodnijom. Baš kao i alati i resursi u našem alati za web dizajn pregled, neki od njih su besplatni i otvorenog koda, drugi koštaju, ali ne postoji očita ovisnost između kvalitete i cijene.



Za više savjeta pogledajte naše vodiče za web hosting i odabir savršenog web graditelj . I prije nego što krenete dalje, pobrinite se da imate najbolje pohrana u oblaku za vaše mogućnosti. Ali za sada, pogledajmo izbliza ono što je dostupno.

01. Seamonkey

Alati za Linux Web Dev: Seamonkey Composer



Seamonkey Composer je WYSIWYG editor s tri načina: uređivač dokumenata, oznaka i izvornog koda(Slika pripisana: Seamonkey Composer)

Skladatelj Seamonkey je jedan od najjednostavnijih za upotrebu graditelji web stranica i ima izvrsnu kompatibilnost s Mozilla proizvodima. Aplikacija je WYSIWYG editor s tri načina: uređivač dokumenata, istraživač oznaka i uređivač izvornog koda (za više opcija pogledajte naš vodič za najbolji urednici koda ). U najjednostavnijem slučaju, korisnik može samo rasporediti tekst, slike, tablice i druge objekte bez pisanja ijednog retka koda, slično onome što pruža procesor teksta kao što je MS Word. Seamonkey Composer automatski će stvoriti odgovarajuću HTML oznaku, što će biti dovoljno za statične web stranice.

Očito je da većina modernih web projekata koristi puno JavaScript-a i drugih udaljenih skripti, ali to Composer ne čini beskorisnim. S njim još uvijek možete pripremiti osnovni dizajn, a ostatak projekata svladati drugim alatima. Prema zadanim postavkama Composer pohranjuje sve formatiranje obogaćenog teksta i stilove izravno u obični HTML kôd, ali Composeru je moguće reći da koristi CSS stilove i kasnije ga preusmjeriti u zasebnu datoteku.

Tu je i lijepa kartica Pregled, koja prikazuje pregled vašeg projekta nalik pregledniku uživo, kao da je učitan u web pregledniku. Dio preglednika je Seamonkey Navigator sa sjedištem u Geckou, koji se ne razlikuje puno od Mozille Firefox u pogledu prikazivanja web sadržaja. Jedan od najprikladnijih alata u programu Composer je gumb Objavi na alatnoj traci. To omogućuje brzi i neprimjetni prijenos koda izravno u direktorij web lokacije putem FTP-a.



02. Koliko

Alati za Linux Web Dev: Quanta

Quanta možda nije toliko popularna kao nekada, ali je dobar izbor za one koji ručno kodiraju(Slika pripisana: Quanta)

Koliko je možda manje poznat dio softvera za web razvoj u današnje vrijeme, ali to je bio izbor broj jedan ne tako davno. Poznata aplikacija Quanta Plus bila je integrirani IDE posebno prilagođen web dizajnerima i programerima, ali kasnije ju je apsorbirao KDevelop , još snažniji IDE na više platformi. Međutim, izvorni projekt Quanta Plus živi pod pokroviteljstvom Trinity Desktop Environment t (TDE), napor zajednice za održavanje KDE3. U svakom slučaju, još uvijek je moguće instalirati Quanta u modernu Linux distribuciju i imati koristi od njenog bogatog skupa značajki.

Iako pomalo staromodna, Quanta se pokazala kao održiv izbor za današnji web projekt. Uređivač ima sučelje s karticama i omogućuje rad sa stilovima teksta, tablicama, popisima, obrascima i skriptama. I dalje se pretpostavlja da se od korisnika Quante očekuje da ručno kodira, ali u Quanti postoji mnogo alata koji će vam to pružiti podršku. Izbornik Oznake nudi razvrstani katalog često korištenih oznaka i idealan je za brzo traženje oznaka. Većinu ostalih alata također je lako pronaći.

Zahvaljujući tradicionalnom rasporedu sučelja Quanta Plus, tu i tamo ima na desetke naprednih značajki, no malo je vjerojatno da će se korisnik izgubiti. Svaka značajka nalazi se na pravom mjestu i stoga istraživanje mogućnosti uređivača Quanta nikada nije problematično.

03. Bluegriffon

Alati za Linux Web Dev: Blue Griffon

kako obojiti anime u
BlueGriffon može biti HTML uređivač za složene web stranice(Slika pripisana: Blue Griffon)

BlueGriffon je web urednik izgrađen oko Mozilla Firefox mehanizma za prikazivanje, ali ovo je možda jedino što mu je zajedničko sa Seamonkeyjem. BlueGriffon je zasigurno napredniji alat u svim pogledima i može poslužiti kao HTML uređivač za složene web stranice. Sučelje ima zdrav izgled i čini se bliskim prosječnom procesoru teksta, osim možda zadane tamne teme koju koristi BlueGriffon.

Aplikacija se nudi u tri varijante: besplatna verzija ima bitne značajke WYSIWIG uređivača; osnovna verzija (75 eura) dodaje puno ukusnih značajki, uključujući namjenske uređivače za CSS stilove i MathML formule, isječke koda, alat za pregled mobilne verzije, voditelj projekata i hrpu pregršt pro-level alata.

Najskuplja EPUB licenca (195 eura) usmjerena je više na dizajnere EPUB-a i pruža podršku za izvoz projekata u EPUB 2/3. Međutim, besplatna verzija BlueGriffona već je punopravna aplikacija koju vrijedi isprobati za stvaranje visokokvalitetnih web sadržaja.

Odjeljak Postavke u BlueGriffonu vrlo je sličan onom u Firefoxu, a osim brojnih stvari koje možete prilagoditi prema svom ukusu, BlueGriffon je moguće proširiti i dodatnim dodacima. Na primjer, dobar početak je dodavanje rječnika za provjeru pravopisa koji nedostaju i možda stvari poput FireFTP-a za brzi prijenos koda.

kako dobiti adobe after effects cc 2015 besplatno

Sve u svemu, ne možete pogriješiti s moćnim web uređivačem koji u potpunosti odgovara najnovijim W3C standardima, uključujući HTML5, CSS 2.1 i velike dijelove CSS 3, CSS Media Queries, MathML, SVG itd.

04. Uzvišeni tekst

Alati za Linux Web Dev: uzvišeni tekst

Mogućnost upotrebe dodataka podiže softver Sublime Text(Slika pripisana: Subime Text)

Uzvišeni tekst nudi još jedan pristup radu s web mjestima. Aplikacija je u osnovi supernabijeni uređivač teksta zasnovan na Electron framework-u, tako da u svom srcu ima mehanizam preglednika. Sučelje je minimalističko i usredotočeno na kod; sastoji se samo od područja za uređivanje teksta, dok su sve napredne značajke skrivene unutar stavki na traci izbornika. Međutim, lako je prilagoditi izgled korisničkog sučelja Sublime Text zahtjevnijem ukusu.

Izbornik Pogled omogućuje vam multipleksiranje uređivačke ploče po stupcima ili redovima i dodavanje krajnje lijeve ploče s popisom otvorenih datoteka. Ispostavilo se da je Sublime Text mudar alat za povećanje vaše produktivnosti jer omogućuje rad s nekoliko datoteka odjednom, čak i bez potrebe za prebacivanjem između kartica. Sublime Text podržava dodatke i to je točka u kojoj ovaj općeniti uređivač teksta možemo učiniti više usmjerenim na mrežu.

Započnite s instaliranjem Package Control, upravitelja dodataka za Sublime Text. Tada ćete moći dobiti razne dodatne dobrote, poput Emmeta za isječke koda u JavaScriptu, HTML-u i CSS-u, dodatak za integraciju Git, birač boja, minifikator koda i mnogi drugi. Dodaci doista dodaju puno u funkcionalnost uređivača. Na primjer, dodatak SideBarEnhancements omogućuje preimenovanje datoteka, premještanje i umnožavanje, što inače nije moguće.

Posjetite Stranica za kontrolu paketa , koji je domaćin stotinama dodataka svih vrsta, od kojih mnogi mogu transformirati Sublime Text u zapanjujući švicarski nož za web razvoj.

05. Visual Studio kôd

Alati za Linux Web Dev: VS kôd

VS Code je još jedan alat koji radi s dodacima i može se pohvaliti vrlo intuitivnim korisničkim sučeljem(Slika pripisana: VS kod)

Tradicionalno, VS kod izvodi usporedbe s Sublime Textom, jer se oba urednika koda mogu pohvaliti modernim dizajnom, tamnom temom i poštovanjem skupa dodatnih dodataka. Opet, dodaci su koji mogu pretvoriti opći alat za razvoj u softver usmjeren na mrežu. U slučaju VS koda, obvezni popis uključuje Font Awesome kodove, CSS Peek, CSS Validator stabla, Live Sass Compiler kao i dodatak za minifikator koda.

Najjača stvar kod VS koda je da ima sve najčešće korištene alate iz neposredne blizine: bočna traka skriva istraživač projekata, alat za pretraživanje i zamjenu, izvornu upravljačku ploču, program za ispravljanje pogrešaka i ugrađeni upravitelj proširenja. Postoji i preko 10 000 dostupnih proširenja za gotovo bilo koju svrhu i ukus, sve se mogu instalirati s nekoliko klikova mišem. Cilj ostaje isti: proširenja pomažu korisnicima VS koda učiniti produktivnijim u pisanju i uređivanju izvornog koda.

Značajke uređivanja u VS Codeu su izvrsne; na primjer, uvlačenje, izvršavanje isječaka i podudaranje zagrada jednostavno rade i ne smetaju vam na putu. Možda je malo zaostalo pri žvakanju ekstra velikih datoteka (onih koje teže 5 MB i više), ali nadamo se da to nije slučaj za većinu web projekata. Uz podršku dijeljenja zaslona, ​​kartica, mrvica kruha i hrpe korisnih parametara prikaza, VS kôd je lako podići i odmah ga koristiti. Iako se nadamo da Linux korisnici ne smetaju što VS Code izgleda i osjeća se kao Microsoftov proizvod.

06. Pinegrow

Alati za Linux Web Dev: Pinegrow

Slično vektorskom uređivaču, Pinegrow isporučuje predloške koje možete poboljšati(Slika pripisana: Pinegrow)

Pinegrow moćan je web studio s razvijenim sredstvima za oblikovanje i vizualno uređivanje. Iako mnogi drugi web urednici mogu nalikovati aplikacijama za obradu teksta, Pinegrow bi mogao biti bolji u usporedbi s vektorskim uređivačem. Sučelje je donekle jedinstveno u usporedbi sa svojim suvremenicima, ali je prilično ugodno za upotrebu.

Iako novi projekt Pinegrow možete pokrenuti s praznim index.html i sve napisati ručno, aplikacija vas potiče da koristite predloške stranica koji su vrlo visoke kvalitete. Potrebno je mnogo manje napora da se projekt zasnovan na predlošku napuni vlastitim tekstom i slikama nego da se isto učini od nule. Pinegrow je također jedina aplikacija u našem vodiču koja prema zadanim postavkama skriva izvorni kod web projekta - pritisnite Ctrl + E da to iznese. S druge strane, pokazalo se da je pomoću miša za odabir logičkih blokova na stranici i njihovo prilagođavanje brže i učinkovitije od pisanja koda. Povrh svega, Pinegrow dodaje čudesni CSS vizualni uređivač, praktičnu bočnu traku s dodacima koje možete povući i ispustiti na platno (gumbi, tablice, tekstualna polja itd.) I neke (plaćene) dodatne dodatke.

Za sve ove obilne značajke, Pinegrow programerima nudi mogućnosti kupnje koje variraju od 36 do 111 dolara. Osnovna licenca trebala bi biti dovoljna za web stranice s jednom stranicom, dok skupa profesionalna licenca uključuje kolekciju WordPress tema. U svakom slučaju, postoji 30-dnevno probno razdoblje, što je dovoljno za uzimanje Pinegrow-a.

07. Kapanje

Alati za Linux Web Dev: Pingendo

Predlošci Pingenda omogućuju vam brzo pokretanje i pokretanje(Slika zaslužna za: Pingendo)

U mnogim pogledima, Kapanje je poput Pinegrow-a, samo je malo jednostavniji i pokreće se uz plaćenu mjesečnu ili godišnju pretplatu (poput 9 USD mjesečno). Aplikacija je idealna za izradu slijetanja, portfelja, jelovnika ili osobnih web stranica zahvaljujući 17 lijepo oblikovanih predložaka. Naravno, to na neki način ograničava kreativnost, ali zauzvrat dobivate brze recepte za rješavanje stvari. Pingendo nudi bogat niz stvari koje možete povući i ispustiti na vašu web stranicu, uključujući sve vrste navigacijskih predmeta, okretača, prekidača, znački, kartica, dijelova Google karte i još mnogo toga.

Sučelje Pingendo može se osjećati osnovnije od Pinegrowova, ali je i jasnije i lakše se na njega naviknuti. Gornja traka ima opcije pregleda i omogućuje vam da odmah vidite kako će web stranica izgledati na zaslonu pametnog telefona, tableta ili prijenosnog računala. Uvučena lijeva bočna ploča dobar je primjer skrivanja ogromnog broja elemenata unutar kompaktne alatne trake. Dok je većina ploča i odjeljaka usidrena sa strane, neki elementi plutaju poput zasebnih podprozora.

Na primjer, možete organizirati stablo projekata i HTML / SASS prozore kako želite ili ih zatvoriti ako vam se nađu na putu. Jedino moguće razočaranje Pingenda je to što je on isključivo graditelj Bootstrapa, a ne univerzalni uređivač web stranica. Istodobno je jedno od najboljih rješenja za izgradnju web stranica temeljenih na Bootstrapu, koristeći izvrsno sučelje s puno prilagodbe i završne obrade.

08. Studio Aptana

Alati za Linux Web Dev: Aptana

Aptana je besplatna i nudi puno za web programere i administratore(Slika pripisana: Aptana)

Aptana pružit će vam malo odmora od plaćenog softvera, jer veliki plavi gumb za preuzimanje sa službene stranice vodi izravno na GitHub stranicu projekta (prijeđite na Releases da biste brzo dobili softver). Aptana je softver zasnovan na Javi koji više sliči IDE-u razvojnog programera. Softver se, međutim, usredotočuje na stvari povezane s webom i može biti zanimljiv web programerima i administratorima.

Počinjete s praznim zaslonom i vjerojatno prvo idete u čarobnjak za novi projekt. Primijetite nekoliko pre-postavki koje uključuju Ruby, Rails i PHP predloške. Pomoću ploče Explorer Explorer na lijevoj strani zaslona moguće je kretati se unutar strukture direktorija i stvarati datoteke.

kako slikati pastelama za početnike

Glavno područje prozora Aptana Studio posvećeno je uređivaču teksta s numeriranjem redaka, isticanjem koda, karticama i ostalim bitnim značajkama. Slično ostalim visokokvalitetnim IDE-ima, Aptana ima pomoćnika za kod koji pruža savjete za HTML5 i CSS oznake, kao i za Java i PHP / Ruby objekte. Uključeni su i alat za otklanjanje pogrešaka koda i napredni alati za implementaciju, a po našem mišljenju samo ovo Aptanu čini poželjnijim alatom za web razvoj od uređivača temeljenog na pregledniku. Na primjer, Aptana dobro funkcionira s modernim osiguranim SFTP i FTPS vezama odmah, što je očito problem mnogih jednostavnijih aplikacija.

Također, ne propustite karticu Terminal ispod glavnog uređivačkog područja u Aptani. Terminal je učinkovit način postavljanja web aplikacija (npr. S $ mvn čisto raspoređivanje ), kao i brzi pristup povlačenju, sinkronizaciji i spajanju koda (npr. putem Gita).

Ovaj je članak izvorno objavljen u broju 319 od neto , najprodavaniji svjetski časopis za web dizajnere i programere. Pretplatite se na net .

Generate CSS - konferencija za web dizajnere: 26. rujna, Rich Mix, Shoreditch, London

(Slika zaslužna za budućnost)

Pridružite nam se u Rich Mixu, Shoreditch 26. rujna, za Generate CSS, konferenciju po mjeri za web dizajnere koju su vam donijeli Creative Bloq, net i Web Designer. Rezervirajte svoju Early Bird kartu prije 15. kolovoza u www.generateconf.com .

Čitaj više: