8 geriausi „Linux“ kūrimo įrankiai

Mūsų greitai besikeičiančiame pasaulyje ribos tarp skirtingų operacinių sistemų dažnai būna subtilios, o tai yra gera žinia žiniatinklio meistrams, ketinantiems naudoti „Linux“ savo kūrimo darbo stotyse. Turinio kūrėjai iš „Windows“ ir „MacOS“ dažnai tikisi ir toliau naudoti savo profesionalaus lygio programinę įrangą, pvz., „Linux Dreamweaver“, tačiau pastebi, kad jos ten nėra.

Nors naudojant „Wine“ sistemoje „Linux“ galima paleisti daugelį „Windows“ programų (įskaitant „Dreamweaver“), patirtis ir darbalaukio integracija nebus ta pati. Programinės įrangos prieinamumo „Linux“ būklė nuolat gerėja, todėl šiandien išleidžiama daugybė komercinių produktų visoms pagrindinėms platformoms - „Windows“, „MacOS“ ir „Linux“ - tačiau potencialūs perjungėjai turėtų būti pasirengę eiti į kompromisus ir kartais pakeisti savo įpročius.

Mes pasirinkome naudingiausias specializuotas „Linux“ programas, kurios perėjimą padarys patogesnį. Kaip ir mūsų įrankiai bei ištekliai interneto dizaino įrankiai Apibendrinant, kai kurie iš jų yra nemokami ir atviri šaltiniai, kiti kainuoja pinigus, tačiau nėra akivaizdžios kokybės ir kainos priklausomybės.



Norėdami gauti daugiau patarimų, žr. Mūsų vadovus interneto priegloba ir renkantis tobulą interneto kūrėjas . Ir prieš eidami toliau, įsitikinkite, kad turite geriausią debesies saugykla savo pasirinkimams. Bet kol kas pažvelkime atidžiau į tai, kas yra.

01. Seamonkey

„Seamonkey Composer“ yra WYSIWYG redaktorius, turintis tris režimus: dokumentų, žymėjimo ir šaltinio kodo redaktorius(Vaizdo kreditas: „Seamonkey Composer“)

„Seamonkey“ kompozitorius yra vienas iš paprasčiausių naudoti svetainių kūrėjai ir puikiai suderinamas su „Mozilla“ produktais. Programa yra WYSIWYG redaktorius, turintis tris režimus: dokumentų redaktorius, žymėjimo naršyklė ir šaltinio kodo redaktorius (daugiau parinkčių rasite mūsų vadove geriausi kodo redaktoriai ). Paprasčiausiu atveju vartotojas gali tiesiog sutvarkyti tekstą, paveikslėlius, lenteles ir kitus objektus, nerašydamas vienos kodo eilutės, panašiai kaip ir teksto procesorius, pvz., „MS Word“. „Seamonkey Composer“ automatiškai sukurs atitinkamą HTML žymėjimą, kurio pakaks statinėms svetainėms.

Akivaizdu, kad dauguma šiuolaikinių interneto projektų naudoja daug „JavaScript“ ir kitų nuotolinių scenarijų, tačiau tai nepadaro „Composer“ nenaudingu. Juo vis tiek galite paruošti pagrindinį dizainą ir kitus įrankius įsisavinti. Pagal numatytuosius nustatymus „Composer“ saugo visus raiškiojo teksto formatavimus ir stilius tiesiai paprasto HTML kodo viduje, tačiau galima nurodyti kompozitoriui naudoti CSS stilius ir vėliau perduoti jį į atskirą failą.

Taip pat yra gražus skirtukas „Peržiūra“, kuris suteikia naršyklę panašią jūsų projekto peržiūrą, tarsi ji būtų įkelta į interneto naršyklę. Naršyklės dalis yra „Gecko“ pagrindu sukurta „Seamonkey Navigator“, kuri nedaug kuo skiriasi nuo „Mozilla Firefox“ interneto turinio rodymo požiūriu. Vienas iš patogiausių „Composer“ įrankių yra įrankių juostos mygtukas Paskelbti. Tai leidžia greitai ir sklandžiai įkelti kodą tiesiai į svetainės katalogą per FTP.

02. Kiek

„Quanta“ gali būti ne tokia populiari kaip kadaise, tačiau yra geras pasirinkimas tiems, kurie koduoja rankomis(Vaizdo kreditas: Quanta)

Kiek šiuo metu galbūt yra mažiau žinomas žiniatinklio kūrimo programinės įrangos elementas, tačiau ne taip seniai tai buvo numeris vienas pasirinkimas. Garsioji „Quanta Plus“ programa buvo integruota IDE, specialiai pritaikyta interneto dizaineriams ir kūrėjams, tačiau vėliau ją įsisavino KDevelop , dar galingesnė įvairių platformų IDE. Tačiau originalus „Quanta Plus“ projektas yra globojamas „Trinity“ darbalaukio aplinkos t (TDE) - bendruomenės pastangos išlaikyti KDE3. Šiaip ar taip, vis tiek įmanoma įdiegti „Quanta“ į šiuolaikinį „Linux“ paskirstymą ir pasinaudoti jo gausiu funkcijų rinkiniu.

Nors „Quanta“ yra šiek tiek senamadiškas, pasirodė esąs tinkamas pasirinkimas šiandieniniam interneto projektui. Redaktorius naudoja skirtukų sąsają ir leidžia dirbti su teksto stiliais, lentelėmis, sąrašais, formomis ir scenarijais. Vis dar manoma, kad „Quanta“ vartotojas turėtų koduoti rankiniu būdu, tačiau „Quanta“ yra daugybė priemonių, kurios jums tai padės. Meniu Žymos yra rūšiuojamas dažnai naudojamų žymų katalogas ir jis idealiai tinka greitai ieškoti žymų. Daugumą kitų įrankių taip pat lengva rasti.

Dėl tradicinio „Quanta Plus“ sąsajos išdėstymo čia ir ten yra dešimtys pažangių funkcijų, tačiau mažai tikėtina, kad vartotojas pasimestų. Kiekviena funkcija sėdi tinkamoje vietoje, todėl „Quanta“ redaktoriaus galimybių tyrimas niekada nėra varginantis.

03. Bluegriffon

„BlueGriffon“ gali būti sudėtingų svetainių HTML redaktorius(Vaizdo kreditas: „Blue Griffon“)

„BlueGriffon“ yra žiniatinklio redaktorius, sukurtas aplink „Mozilla Firefox“ atvaizdavimo variklį, tačiau tai galbūt vienintelis dalykas, kurį jis turi su „Seamonkey“. „BlueGriffon“ tikrai yra pažangesnis įrankis visais atžvilgiais ir gali būti HTML redaktorius sudėtingoms svetainėms. Sąsaja yra sveiko išdėstymo ir jaučiasi arti vidutinio teksto redaktoriaus, išskyrus gal numatytą tamsią temą, kurią naudoja „BlueGriffon“.

Programa siūloma trimis variantais: nemokamos programos versija turi esmines WYSIWIG redaktoriaus funkcijas; „Basic“ versija (75 eurai) prideda daug skoningų funkcijų, įskaitant specialius CSS stilių ir „MathML“ formulių redaktorius, kodo fragmentus, mobiliosios versijos peržiūros įrankį, projektų vadovą ir daugybę profesionalių lygio įrankių.

Brangiausia EPUB licencija (195 eurai) yra labiau skirta EPUB dizaineriams ir teikia paramą eksportuojant projektus į EPUB 2/3. Tačiau nemokama „BlueGriffon“ versija jau yra visavertė programa, kurią verta išbandyti kuriant aukštos kokybės interneto turinį.

„BlueGriffon“ skyrius „Nuostatos“ yra labai panašus į „Firefox“ skyrių, be daugybės dalykų, kuriuos galite pritaikyti savo nuožiūra, taip pat galima išplėsti „BlueGriffon“ papildomais papildiniais. Pavyzdžiui, gera pradžia yra pridėti trūkstamus rašybos tikrinimo žodynus ir galbūt tokius dalykus kaip „FireFTP“, norint greitai įkelti kodą.

Apskritai, jūs negalite suklysti turėdami galingą žiniatinklio redaktorių, kuris visiškai atitinka naujausius W3C standartus, įskaitant HTML5, CSS 2.1 ir didelę dalį CSS 3, CSS Media Queries, MathML, SVG ir kt.

04. Dildus tekstas

Galimybė naudoti papildinius padidina „Sublime Text“ programinę įrangą(Vaizdo kreditas: „Subime“ tekstas)

Ištaigingas tekstas siūlo dar vieną požiūrį į darbą su interneto svetainėmis. Programa iš esmės yra labai įkrautas teksto redaktorius, paremtas „Electron“ sistema, todėl jos širdyje yra naršyklės variklis. Sąsaja yra minimalistinė ir orientuota į kodą; jį sudaro tik teksto redagavimo sritis, o visos išplėstinės funkcijos yra paslėptos meniu juostos elementuose. Tačiau „Sublime Text UI“ išdėstymą lengva pakoreguoti pagal reiklesnį skonį.

Meniu Rodinys galite dauginti redaktoriaus skydelį stulpeliais arba eilutėmis, taip pat pridėti kairįjį skydelį su atidarytų failų sąrašu. Pasirodo, „Sublime Text“ yra išmintingas įrankis, naudojamas norint padidinti jūsų produktyvumą, nes jis leidžia dirbti vienu metu su keliais failais, net nereikia perjungti skirtukų. „Sublime Text“ palaiko papildinius ir tai yra vieta, kur galime padaryti šį bendrosios paskirties teksto redaktorių labiau orientuotą į internetą.

Pirmiausia įdiekite „Sublime Text“ įskiepių tvarkyklę „Package Control“. Tada galėsite gauti įvairių papildomų gėrybių, pvz., „Emmet“, skirtą „JavaScript“, HTML ir CSS kodo fragmentams, „Git“ integravimo papildinį, spalvų rinkiklį, kodų suglaudintuvą ir daugelį kitų. Papildiniai tikrai daug prideda prie redaktoriaus funkcionalumo. Pavyzdžiui, „SideBarEnhancements“ papildinys leidžia pervadinti, perkelti ir kopijuoti failus, o tai neįmanoma kitaip.

Apsilankykite Pakuotės kontrolės svetainė , kuriame yra šimtai įvairiausių papildinių, iš kurių daugelis „Sublime Text“ gali paversti nuostabiu Šveicarijos armijos peiliu, skirtu žiniatinklio plėtrai.

05. „Visual Studio“ kodas

„VS Code“ yra dar vienas įrankis, kuris veikia su papildiniais ir gali pasigirti labai intuityvia vartotojo sąsaja(Vaizdo kreditas: VS kodas)

Tradiciškai VS kodas lygina su „Sublime Text“, nes abu kodų redaktoriai gali pasigirti šiuolaikišku dizainu, tamsiu tematiku ir pagarbiu papildomų papildinių rinkiniu. Vėlgi, būtent įskiepiai gali paversti bendros paskirties kūrimo įrankį į internetą orientuota programine įranga. „VS Code“ atveju privalomųjų sąraše yra šriftų nuostabūs kodai, CSS Peek, CSS medžių tikrintuvas, „Live Sass Compiler“, taip pat kodų mažintuvo papildinys.

Stipriausias dalykas, susijęs su „VS Code“, yra tas, kad jis turi visus dažniausiai naudojamus įrankius iš arti: šoninė juosta paslepia projekto tyrinėtoją, paieškos ir pakeitimo įrankį, šaltinio valdymo skydą, derintuvą ir įmontuotą plėtinių tvarkyklę. Taip pat yra daugiau nei 10 000 galimų plėtinių praktiškai bet kokiam tikslui ir skoniui, juos visus galima įdiegti keliais pelės paspaudimais. Tikslas išlieka tas pats: plėtiniai padeda „VS Code“ vartotojams našiau rašyti ir redaguoti šaltinio kodą.

Redagavimo funkcijos „VS Code“ yra puikios; pavyzdžiui, įtraukos, fragmentų vykdymas ir skliaustų derinimas paprasčiausiai veikia ir netrukdo jums. Kramtant ypač didelius failus (tuos, kurių svoris siekia 5 MB ir daugiau), jis gali būti šiek tiek vėluojantis, tačiau, tikiuosi, taip nėra daugumos interneto projektų atveju. Palaikant ekrano padalijimą, skirtukus, duonos trupinius ir daugybę naudingų rodinio parametrų, VS kodą lengva iš karto paimti ir naudoti. Nors, tikiuosi, „Linux“ vartotojai neprieštarauja, kad „VS Code“ atrodo ir jaučiasi kaip „Microsoft“ produktas.

06. Pinegrow

Panašiai kaip vektoriniame redaktoriuje, „Pinegrow“ teikia šablonus, kuriuos galite patobulinti(Vaizdo kreditas: Pinegrow)

Pinegrow yra galinga interneto studija su sukurtomis stiliaus ir vizualinio redagavimo priemonėmis. Nors daugelis kitų žiniatinklio redaktorių gali būti panašūs į teksto apdorojimo programas, „Pinegrow“ būtų geriau palyginti su vektoriniu redaktoriumi. Sąsaja yra šiek tiek unikali, palyginti su jos bendraamžiais, tačiau ja naudotis yra gana patogu.

Nors galite pradėti naują „Pinegrow“ projektą tuščiu index.html ir viską rašyti ranka, programa skatina naudoti labai aukštos kokybės puslapių šablonus. Norint užpildyti šablonu pagrįstą projektą savo tekstu ir vaizdais, reikia daug mažiau pastangų nei tą patį padaryti nuo nulio. „Pinegrow“ taip pat yra vienintelė programa mūsų vadove, kuri pagal numatytuosius nustatymus slepia interneto projekto šaltinio kodą - paspauskite „Ctrl“ + E kad jį iškeltų. Kita vertus, pelės naudojimas norint pasirinkti loginius blokus puslapyje ir juos pakoreguoti pasirodė greitesnis ir efektyvesnis nei kodo rašymas. Be to, „Pinegrow“ prideda nuostabų CSS vizualųjį redaktorių, patogią šoninę juostą su valdikliais, kuriuos galite nuvilkti ant drobės (mygtukai, lentelės, teksto laukai ir kt.), Ir keletą (mokamų) papildomų papildinių.

Dėl visų šių gausių funkcijų „Pinegrow“ siūlo kūrėjams įsigyti pasirinkimo galimybių, kurios svyruoja nuo 36 iki 111 USD. Pagrindinės licencijos turėtų pakakti vieno puslapio svetainėms, o brangiai kainuojančioje „pro“ licencijoje yra „WordPress“ temų rinkinys. Bet kokiu atveju, yra 30 dienų bandomasis laikotarpis, kurio pakanka, kad Pinegrow galėtų pasisukti.

07. Varva

„Pingendo“ šablonai leidžia greitai pradėti veikti(Vaizdo kreditas: „Pingendo“)

Daugeliu atžvilgių Varva yra kaip „Pinegrow“, tik šiek tiek paprastesnis ir veikia pagal mokamą mėnesio ar metinio abonemento principą (pvz., 9 USD per mėnesį). Dėka 17 gražiai sukurtų šablonų programa yra ideali vieta nusileidimui, portfeliui, maisto meniu ar asmeniniams tinklalapiams kurti. Žinoma, tai tam tikrais būdais riboja kūrybiškumą, tačiau mainais gausite greitus receptus, kaip viską atlikti. „Pingendo“ siūlo daugybę dalykų, kuriuos galite nuvilkti į savo tinklalapį, įskaitant įvairius navigacijos elementus, suktukus, perjungiklius, ženklelius, korteles, „Google Map“ dalis ir dar daugiau.

„Pingendo“ sąsaja gali atrodyti paprastesnė nei „Pinegrow“, tačiau prie jos taip pat aiškiau ir lengviau priprasti. Viršutinėje juostoje yra peržiūros parinktys, leidžiančios akimirksniu pamatyti, kaip tinklalapis atrodys išmaniojo telefono, planšetinio kompiuterio ar nešiojamojo kompiuterio ekrane. Ištraukiamas kairysis šoninis skydelis yra puikus pavyzdys, kaip paslėpti didžiulį skaičių elementų kompaktiškoje įrankių juostoje. Nors dauguma plokščių ir sekcijų yra pritvirtintos prie šonų, kai kurie elementai plaukioja kaip atskiri po langais.

Pavyzdžiui, galite sutvarkyti „Projects“ medį ir HTML / SASS langus taip, kaip jums patinka, arba uždaryti juos, jei jie jums trukdo. Vienintelis galimas „Pingendo“ nusileidimas yra tai, kad jis yra tik „Bootstrap“ kūrėjas, o ne universalus tinklalapio redaktorius. Tuo pačiu metu tai yra vienas geriausių sprendimų kuriant „Bootstrap“ pagrindu sukurtas svetaines, naudojant puikią sąsają su daugybe pritaikymo ir apdailos būdų.

08. „Aptana“ studija

„Aptana“ yra nemokama ir siūlo daug žiniatinklio kūrėjams ir administratoriams(Vaizdo kreditas: Aptana)

Aptana suteiks jums šiek tiek poilsio nuo mokamos programinės įrangos, nes didelis mėlynas atsisiuntimo mygtukas iš oficialios svetainės veda tiesiai į projekto „GitHub“ puslapį (pereikite prie „Releases“, kad greitai gautumėte programinę įrangą). „Aptana“ yra „Java“ pagrindu sukurta programinė įranga, labiau panaši į kūrėjo IDE. Tačiau programinė įranga daug dėmesio skiria su žiniatinkliu susijusiems dalykams ir gali būti įdomi žiniatinklio kūrėjams ir administratoriams.

importuojant iliustratorių sluoksnius į efektus

Pradėsite nuo tuščio ekrano ir tikriausiai pirmiausia eikite į naujo projekto vedlį. Atkreipkite dėmesį į keletą iš anksto nustatytų parametrų, kuriuose yra „Ruby“, „Rails“ ir PHP šablonai. Naudojant „Project Explorer“ skydelį kairėje ekrano pusėje, galima naršyti katalogo struktūros viduje ir kurti failus.

Pagrindinė „Aptana Studio“ lango sritis skirta teksto redaktoriui su eilių numeracija, kodo paryškinimu, skirtukais ir kitomis pagrindinėmis funkcijomis. Panašiai kaip ir kiti aukštos kokybės IDE, „Aptana“ turi kodo asistentą, teikiantį HTML5 ir CSS žymų, taip pat „Java“ ir PHP / Ruby objektų patarimus. Taip pat yra kodų derintuvas ir išplėstiniai diegimo įrankiai, ir, mūsų nuomone, vien dėl to „Aptana“ yra labiau tinkamas žiniatinklio kūrimo įrankis nei naršyklės redaktorius. Pavyzdžiui, „Aptana“ puikiai veikia su šiuolaikinėmis saugiomis SFTP ir FTPS jungtimis iš karto, o tai, matyt, yra daugelio paprastesnių programų problema.

Taip pat nepraleiskite „Terminal“ skirtuko, esančio po pagrindine „Aptana“ redagavimo sritimi. Terminalas yra efektyvus būdas diegti žiniatinklio programas (pvz., Naudojant $ mvn švarus dislokavimas ), taip pat greita prieiga prie kodo traukimo, sinchronizavimo ir sujungimo (pvz., per „Git“).

Šis straipsnis iš pradžių buvo paskelbtas 2008 m neto , pasaulyje perkamiausias žurnalas, skirtas interneto dizaineriams ir kūrėjams. Prenumeruokite internetą .

(Vaizdo kreditas: ateitis)

Prisijunkite prie „Rich Mix“, Shoreditch, rugsėjo 26 d., Kurdami „Generate CSS“, specialią konferenciją, skirtą interneto dizaineriams, kurią jums pristatė „Creative Bloq“, internetinis ir „Web Designer“. Užsisakykite „Early Bird“ bilietą iki rugpjūčio 15 d www.generateconf.com .

Skaityti daugiau: